封装的倒计时方法

最新推荐文章于 2024-02-15 22:54:31 发布

Freeky_ge

最新推荐文章于 2024-02-15 22:54:31 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：个人小总结

本文链接：https://blog.youkuaiyun.com/Freeky_ge/article/details/79931318

13 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的倒计时功能，通过解析结束时间与当前时间的差值来计算剩余天数、小时、分钟及秒数，并展示了如何在网页上显示这些信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function downTime(time) {//time是结束时间

    var timesNow = Date.parse(new Date());//当前时间

    var leftTime = time - timesNow;//剩余时间

    var leftsecond = parseInt(leftTime / 1000);//剩余秒数

    var day_1 = Math.floor(leftsecond / (60 * 60 * 24));//剩余天数

    var hour = Math.floor((leftsecond - day_1 * 24 * 60 * 60) / 3600);//剩余小时

    var minute = Math.floor((leftsecond - day_1 * 24 * 60 * 60 - hour * 60 * 60) / 60);//剩余分钟

    var second = Math.floor(leftsecond - day_1 * 24 * 3600 - hour * 3600 - minute * 60);//剩余秒数

    hour = checkTime(hour);

    minute = checkTime(minute);

    second = checkTime(second);

    str = "<span>" + day_1 + "</span>天<span>" + hour + "</span>时<span>" + minute + "</span>分 <span>" + second + "</span>秒";

    return str;

    function checkTime(i) { //将0-9的数字前面加上0，例1变为01

        if (i < 10) {

            i = "0" + i;

}

        return i;

}

}

最后定时器执行函数：

setInterval(downTime(time),1000);