一个简单的倒计时函数

Html

Css


    00天 00:00:00

#countdown {
	margin:90px auto;
	font-size:36px;
	font-weight:700;
	text-align:center;
}

function Countdown(end) {
    this.end = end;
    this.interval = null;

this.Init = function() {
        this.interval = setInterval(this.GetCountdown, 1000);
    }

this.GetCountdown = function() {
        let date = new Date(end) - new Date();

if (date <= 0) {
            $("#countdown").text("00天 00:00:00");
            clearInterval(this.interval);
            return null;
        };

let d = Math.floor(date / 1000 / 60 / 60 / 24) < 10 ? '0' + Math.floor(date / 1000 / 60 / 60 / 24) : Math.floor(date / 1000 / 60 / 60 / 24);
        let h = Math.floor(date / 1000 / 60 / 60 % 24) < 10 ? '0' + Math.floor(date / 1000 / 60 / 60 % 24) : Math.floor(date / 1000 / 60 / 60 % 24);
        let m = Math.floor(date / 1000 / 60 % 60) < 10 ? '0' + Math.floor(date / 1000 / 60 % 60) : Math.floor(date / 1000 / 60 % 60);
        let s = Math.floor(date / 1000 % 60) < 10 ? '0' + Math.floor(date / 1000 % 60) : Math.floor(date / 1000 % 60);

$("#countdown").text(d + "天 " + h + ":" + m + ":" + s);

return null;
    }
}

let countdown = new Countdown('2021.12.30 18:00:00').Init();

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

一个简单的倒计时函数



代码描述：用构造函数的方式实现倒计时代码

更新时间：2020-11-30 22:07:39

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

1217961337

相关代码

一个简单的倒计时函数

最新