Init.
This commit is contained in:
@@ -0,0 +1,42 @@
|
||||
function CountdownTimer(elm,tl,mes){
|
||||
this.initialize.apply(this,arguments);
|
||||
}
|
||||
CountdownTimer.prototype={
|
||||
initialize:function(elm,tl,mes) {
|
||||
this.elem = document.getElementById(elm);
|
||||
this.tl = tl;
|
||||
this.mes = mes;
|
||||
},countDown:function(){
|
||||
var timer='';
|
||||
//var today=new Date();
|
||||
var today=new Date();
|
||||
var sec=Math.floor(((this.tl-today)%(24*60*60*1000))/1000)%60%60;
|
||||
var me=this;
|
||||
|
||||
if( ( this.tl - today ) > 0 ){
|
||||
// timer += '<span class="number-wrapper"><div class="line"></div><div class="caption">DAYS</div><span class="number day">'+day+'</span></span>';
|
||||
// timer += '<span class="number-wrapper"><div class="line"></div><div class="caption">HOURS</div><span class="number hour">'+hour+'</span></span>';
|
||||
// <span class="number-wrapper"><div class="line"></div><div class="caption">MINS</div><span class="number min">'+this.addZero(min)+'</span></span><span class="number-wrapper"><div class="line"></div>
|
||||
timer += '<span class="number-wrapper"><div class="caption"></div><span class="number sec">'+this.addZero(sec)+'</span></span>';
|
||||
this.elem.innerHTML = timer;
|
||||
tid = setTimeout( function(){me.countDown();},10 );
|
||||
}else{
|
||||
this.elem.innerHTML = this.mes;
|
||||
return;
|
||||
}
|
||||
},addZero:function(num){ return ('0'+num).slice(-2); }
|
||||
}
|
||||
function CDT(){
|
||||
|
||||
// Set countdown limit
|
||||
var tl = new Date(Date.now()+20000);
|
||||
|
||||
//var tl = new Date('2020/01/01 00:00:00');
|
||||
|
||||
// You can add time's up message here
|
||||
var timer = new CountdownTimer('CDT',tl,'<span class="number-wrapper"><div class="line"></div><span class="number end">Ñòàðòóåì!</span></span>');
|
||||
timer.countDown();
|
||||
}
|
||||
window.onload=function(){
|
||||
CDT();
|
||||
}
|
||||
Reference in New Issue
Block a user