倒计时的简单写法

爱吃糖果儿哒莲

于 2021-01-03 21:34:51 发布

阅读量1.4k

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_53587096/article/details/112156823

版权

今天小编给大家分享一下倒计时的简便写法

<body>
    <h1>距过年还剩：</h1>
    <h2 id="h2">2月1天 6小时 5分钟 30秒</h2>

    <script>
        

        setInterval(function(){
                    //现在的时间戳
                    var nowTime=new Date().getTime();
                    //过年的时间戳
                    var futureTime=new Date("2021-2-12 0:0:0").getTime();
        

                            var num=futureTime-nowTime;//距离过年的毫秒数
                            var year=parseInt(num/(1000*60*60*24*365));
                            var month=parseInt(num/(1000*60*60*24*30));
                            var date=parseInt((num/(1000*60*60*24)) %30);
                            var hours=parseInt((num/(1000*60*60) )%24);
                            var minutes=parseInt((num/(1000*60)) %60);
                            var seconds=parseInt((num/(1000)) %60);

                            document.getElementById("h2").innerHTML=`
                                ${year}年${month}月${date}天${hours}时${minutes}分${seconds}秒
                            `
        },1000)
        
    </script>
</body>

就是这么简单哦，倒计时完成咯~

爱吃糖果儿哒莲

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
倒计时的简单写法

今天小编给大家分享一下倒计时的简便写法<body> <h1>距过年还剩：</h1> <h2 id="h2">2月1天 6小时 5分钟 30秒</h2> <script> setInterval(function(){ //现在的时间戳 var nowTime=new Date().getTime
复制链接

扫一扫