- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
/* mootools javascript */
function animateCd() {
$$('.countdown').each(function(el) {
var inp = $(el).getElement('.ts');
var time = +$(inp).get('text')-1;
$(inp).set('text', time);
var _time = Math.abs(time);
var h = Math.floor(_time/3600);
var _h = (h < 10 ? '0' : '') + h;
var m = Math.floor(_time/60)-h*60;
var _m = (m < 10 ? '0' : '') + m;
var s = _time-(h*3600+m*60);
var _s = (s < 10 ? '0' : '') + s;
var timeStr = _h+' : '+_m+' : '+_s;
if ( time < 0 ) {
timeStr = '- '+timeStr;
}
$(el).getElement('.timer_cd').set('text', timeStr);
});
setTimeout(animateCd, 1000);
}
animateCd();
<!-- html -->
<div class="countdown">
<div class="timer_cd"></div>
<div style="display: none" class="ts">7200</div>
</div>