Countdown

• Posted: December 17, 2015
• / By: Magda
• / In:

HTML markup

CSS

<div class="ct-js-countdown ct-countdown"></div>

1	<div class="ct-js-countdown ct-countdown"></div>

Screenshot

Countdown

JavaScript

 

CSS

if ($().countdown) { $('.ct-js-countdown').each(function() { $(this).countdown('2016/1/1', function(event) { var $this = $(this).html(event.strftime('' + '<span class="ct-countdown-days">%D</span> ' + '<span class="ct-countdown-hours">%H</span> ' + '<span class="ct-countdown-min">%M</span> ' + '<span class="ct-countdown-sec">%S</span> ' + '<div class="clearfix"></div>')); }); }); }

1 2 3 4 5 6 7 8 9 10 11 12

if ($().countdown) {   $('.ct-js-countdown').each(function() {     $(this).countdown('2016/1/1', function(event) {        var $this = $(this).html(event.strftime(''          + '<span class="ct-countdown-days">%D</span> '          + '<span class="ct-countdown-hours">%H</span> '          + '<span class="ct-countdown-min">%M</span> '          + '<span class="ct-countdown-sec">%S</span> '          + '<div class="clearfix"></div>'));     });   }); }

Countdown Documentation can be found here. Files are bundled inside sella.min.js & style.css