一个简单的倒计时

清疚 2022-06-12 07:11 140阅读 0赞

html:

![Center][]

js:

//倒计时
        var endtime='{$all.endtime}';   // 截止日期时间戳   单位秒
        timer();
        var sI=setInterval("timer()",1);  // 1毫秒执行一次
        function timer(){
            var now=new Date().getTime();  // 当前日期时间戳 单位毫秒
            var end= parseInt(endtime)*1000;
            var ts =end-now;
            if(end<=now){
                clearInterval(sI);
                location.reload();
                return;
            }
            var dd = checkTime(parseInt(ts / 1000 / 60 / 60 / 24, 10));  // 剩余天数
            var hh = checkTime(parseInt(ts / 1000 / 60 / 60 % 24, 10)+parseInt(dd)*24); 
            var mm = checkTime(parseInt(ts / 1000 / 60 % 60, 10));
            var ss = checkTime(parseInt(ts / 1000 % 60, 10));
    	var hs = checkTime(parseInt(ts /10 %100, 10)); 
            var hh1=hh.toString().substring(0,1);
            var hh2=hh.toString().substring(1,2);
            var mm1=mm.toString().substring(0,1);
            var mm2=mm.toString().substring(1,2);
    	var ss1=ss.toString().substring(0,1);
            var ss2=ss.toString().substring(1,2);
    	var hs1=hs.toString().substring(0,1);
            var hs2=hs.toString().substring(1,2);
    	for(i=0;i<$('.time_day').length;i++){
    		$('.time_day').eq(i).find('span').eq(0).html(hh1)
    		.end().eq(1).html(hh2)
    		.end().eq(2).html(mm1)
    		.end().eq(3).html(mm2)
    		.end().eq(4).html(ss1)
    		.end().eq(5).html(ss2)
    		.end().eq(6).html(hs1)
    		.end().eq(7).html(hs2);		
    	}		
        }
        
        // 时间格式设置  小于10的自动补0
        function checkTime(i)
        {
            if (i < 10) {
                i = "0" + i;
            }
            return i;
        }

效果 ![Center 1][]

[Center]: /images/20220612/07ac4dd775eb46b9897d5dee939ca31d.png
[Center 1]: /images/20220612/76cec48268074b9ab109f4fc666ba04d.png