In CodePen, adjust what code you want displayed. You can change the width of different code sections within CodePen. View the Player/HTML configuration, Application flow and/or Application styling. The CSS is used to style the look of the overlay that displays the countdown timer. Plugin code.
Simple plain JS Countdown Timer (codepen.io) 2 points by damir 16 days ago | past | web: ... Rebuilding the Solar System with CSS (codepen.io) 1 point by mmoez 57 ...
You can create multiplate countdown timer and display them with shortcode. The easiest way to place your full customizable HTML5 Countdown Timer. Complete shortcode with all parameters: [wpcdt-countdown id="1"] ID: [wpcdt-countdown id=»1″] (timer id for which you want to display timer. This parameter is required.) Template code is <?php echo do_shortcode('[wpcdt-countdown id="1"]'); ?> callback: function that call when countdown end, default null; captionSize: integer font-size by pixels for captions, if 0 then calculate automaticaly, default 0; countdown: boolean if false then it's as clock, default true; countdownAlertLimit: integer seconds left to countdown end after that clock apply CSS class timeTo-alert, default 10; Collection of free HTML and CSS clocks: analog, digital, flip, animated and etc. Update of June 2018 collection. 4 new examples. Minimalist clock, pure CSS with current time. Compatible browsers: Chrome, Firefox, Opera, Safari. Responsive: yes.