简单的倒计时抢购

最新推荐文章于 2022-06-27 19:11:34 发布

风中风铃zdwen

最新推荐文章于 2022-06-27 19:11:34 发布

阅读量297

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46693274/article/details/114416634

版权

javascript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

倒计时抢购

	/*
        未来时间(不变)
        当前时间(变化)
    */
    // 设置抢购开始的时间  未来时间
    var f_time = new Date("2021-1-13 15:59:40");
    
    var timer = setInterval(show_time,1000);
    show_time();
    function show_time(){
        // 获取当前时间
        var n_time = new Date();
        var s_time = Math.ceil((f_time - n_time) / 1000);
        
        if(s_time <= 0){
            document.getElementById("end").innerText = "抢购开始";
            clearInterval(timer);
            return;
        }

        var hour = Math.floor(s_time / 3600);
        var minute = Math.floor(s_time % 3600 / 60);
        var second = s_time % 60;
        document.getElementById("hour").innerText = hour<10?"0"+hour+":":hour+":";
        document.getElementById("min").innerText = minute<10?"0"+minute+":":minute+":";
        document.getElementById("sec").innerText = second<10?"0"+second:second;
    }