倒计时

最新推荐文章于 2024-09-24 08:00:00 发布

Zyl_CN

最新推荐文章于 2024-09-24 08:00:00 发布

阅读量340

点赞数

CC 4.0 BY-SA版权

分类专栏：小练习

本文链接：https://blog.youkuaiyun.com/Zyl_CN/article/details/80493970

小练习专栏收录该内容

32 篇文章

订阅专栏

<body>
<div class="box">
    <p>距离倒计时还有：</p>
    <span></span>
</div>
</body>

<script>
    window.onload=function () {
    var sp=document.getElementsByTagName("span")[0];
        function fn(){
            var future=new Date(2018,8,8,).getTime();
            var now =new Date().getTime()
            var gap=future-now;
            var gapDay=Math.floor(gap/1000/60/60/24);
            var gapHour=Math.floor(gap/1000/60/60);
            if(gapHour<10){
                gapHour="0"+gapHour;
            }
            var gapMin=Math.floor(gap/1000/60%60);
            if(gapMin<10){
                gapMin="0"+gapMin;
            }
            var gapS=Math.floor(gap/1000%60);
            if(gapS<10){
            gapS="0"+gapS;
            }
            var gapHS=Math.floor(gap%1000);
            if(gapHS<100) {
                gapHS = "0" + gapHS;
            } else if(gapHS<10){
                gapHS="00"+gapHS;
            }
            sp.innerHTML=(gapDay+"天"+gapHour+"时"+gapMin+"分"+gapS+"秒"+gapHS+"毫秒");
        }
        fn()
        setInterval(function(){
            fn()
        },50)
    }
</script>