js秒杀倒计时方法

最新推荐文章于 2024-05-13 04:15:45 发布

山海一哥

最新推荐文章于 2024-05-13 04:15:45 发布

阅读量749

点赞数 3

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_43702430/article/details/103803339

js 专栏收录该内容

17 篇文章

订阅专栏

<p id="demo"></p>

// 设置我们准备倒计时的日期
const countDownDate = new Date("2028-01-05 15:37:25").getTime();

// 每秒更新一次
var x = setInterval(function() {

    // 获取当前时间
    var now = new Date().getTime();
    
    // 获取当前时间与countDownDate 的时间差
    var distance = countDownDate - now;
    
    // 将时间差转为 days, hours, minutes and seconds
    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    
    document.getElementById("demo").innerHTML = days + "d " + hours + "h "
    + minutes + "m " + seconds + "s ";
    
    // 如果时间差耗尽，结束定时器，秒杀结束
    if (distance < 0) {
        clearInterval(x);
        document.getElementById("demo").innerHTML = "秒杀结束";
    }
}, 1000);