var $wrapper1 = $('.match-ticker'); $wrapper1.find('li').sort(function (a, b) { return +a.dataset.order - +b.dataset.order; }).appendTo( $wrapper1 ); $wrapper1.find('li').removeAttr('data-order'); var cd = document.getElementsByClassName( "cd" ); var cdd = []; for ( var i = 0; i < cd.length; i++ ) { cdd[ i ] = []; cdd[ i ].el = cd[ i ]; cdd[ i ].time = new Date( cd[ i ].getAttribute( 'data-date' ) ).getTime(); cdd[ i ].days = 0; cdd[ i ].hours = 0; cdd[ i ].seconds = 0; cdd[ i ].minutes = 0; } var cdf = setInterval( function () { for ( var i = 0; i < cdd.length; i++ ) { var now = new Date().getTime(); var distance = cdd[ i ].time - now; cdd[ i ].days = Math.floor( distance / ( 1000 * 60 * 60 * 24 ) ) < 10 ? '0' + Math.floor( distance / ( 1000 * 60 * 60 * 24 ) ) : Math.floor( distance / ( 1000 * 60 * 60 * 24 ) ); cdd[ i ].hours = Math.floor( ( distance % ( 1000 * 60 * 60 * 24 ) ) / ( 1000 * 60 * 60 ) ) < 10 ? '0' + Math.floor( ( distance % ( 1000 * 60 * 60 * 24 ) ) / ( 1000 * 60 * 60 ) ) : Math.floor( ( distance % ( 1000 * 60 * 60 * 24 ) ) / ( 1000 * 60 * 60 ) ); cdd[ i ].minutes = Math.floor( ( distance % ( 1000 * 60 * 60 ) ) / ( 1000 * 60 ) ) < 10 ? '0' + Math.floor( ( distance % ( 1000 * 60 * 60 ) ) / ( 1000 * 60 ) ) : Math.floor( ( distance % ( 1000 * 60 * 60 ) ) / ( 1000 * 60 ) ); cdd[ i ].seconds = Math.floor( ( distance % ( 1000 * 60 ) ) / 1000 ) < 10 ? '0' + Math.floor( ( distance % ( 1000 * 60 ) ) / 1000 ) : Math.floor( ( distance % ( 1000 * 60 ) ) / 1000 ); if ( distance < 0 ) { cdd[ i ].el.remove(); } else { cdd[ i ].el.querySelector( '.d' ).innerHTML = cdd[ i ].days; cdd[ i ].el.querySelector( '.h' ).innerHTML = cdd[ i ].hours; cdd[ i ].el.querySelector( '.m' ).innerHTML = cdd[ i ].minutes; cdd[ i ].el.querySelector( '.s' ).innerHTML = cdd[ i ].seconds; } } if( !$('.match-ticker .cd').length ) { $('body').addClass('no-ticker'); } }, 1000 );