一个简单的倒计时函数

浏览：133次- 评论：1次- 发布时间：2020-12-10

Html

Css


    00天 00:00:00

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

立即下载收藏

积分说明：注册即送15牛币，每日签到可获得5牛币，成为VIP会员可永久免牛币下载！充值积分充值会员更多说明»

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

讨论这个常用代码（1）回答他人问题或分享心得会奖励牛币

Lv2 入门

qq***02

2021年01月01日

写的不错

文明上网，理性发言！ 😉 阿里云幸运券，戳我领取