倒计时效果

最新推荐文章于 2024-10-19 15:55:42 发布

liaoasd

最新推荐文章于 2024-10-19 15:55:42 发布

阅读量52

点赞数

本文链接：https://blog.csdn.net/liaoasd/article/details/123598502

版权

JavaScript 时间差毫秒转换日期比较前端开发

关键词由CSDN通过智能技术生成

 var div=document.querySelector('div')

    window.setInterval(function () {
        var aa = new Date();
        aa = aa.getTime()
        // 三月21日时间
        var bb = new Date("2022-03-21 08:30:00");
        var cc = bb.getTime(); // 毫秒
        console.log(cc)
        xx = cc - aa
        console.log(xx)
        x = xx / 1000 / (24 * 3600) //天
        x = Math.floor(x)
        if(x<10){
            x="0"+x
        }
        console.log(x)
        y = xx / 1000 % (24 * 3600) / 3600 //小时
        if(y<10){
            y="0"+y
        }
        y = Math.floor(y)
        console.log(y)
        s = xx / 1000 % (24 * 3600) % 3600 / 60 //分钟
        s = Math.floor(s)
        if(s<10){
            s="0"+s
        }
        console.log(s)
        q = xx / 1000 % (24 * 3600) % 3600 % 60 //秒
        q = Math.floor(q)
        if(q<10){
            q="0"+q
        }
        console.log(q)
        f = "<div> 距离周一 8：30 剩下" + x + "天" + y + "小时" + s + "分钟" + q + "秒</div>"
        div.innerHTML=f
    }, 1000)