JS 倒计时(一天的倒计时)

最新推荐文章于 2022-09-05 16:10:33 发布

weixin_34217773

最新推荐文章于 2022-09-05 16:10:33 发布

阅读量1.5k

点赞数 1

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/meng527/blog/1498676

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS 倒计时</title>
</head>
<body>
  <div id="test"></div>
</body>
</html>

function NextTime(next, cb) {
    var t;
    (function ft(){
        var dif = (next.getTime() - (new Date()).getTime()) / 1000;
        if(dif > 0){
            t = setTimeout(ft, 1000);
            if(cb)
                cb(Math.floor(dif % 86400 / 3600),  Math.floor(dif % 3600 / 60), Math.floor(dif % 60));
        } else {
            clearTimeout(t);
        }
    })();
    return function(){
        clearTimeout(t);
    };
}

function lpad(num, n) {
	var len = num.toString().length;
	while(len < n) {
		num = "0" + num;
		len++;
	}
	return num;
}

var now  = new Date();
var next = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1);
new NextTime(next, function(hour, minute, second){
  document.getElementById("test").innerHTML=lpad(hour, 2) + ':' + lpad(minute, 2) + ':' + lpad(second, 2);
});

效果预览

转载于:https://my.oschina.net/meng527/blog/1498676