倒计时

作者: 我就是心虚 | 来源:发表于2017-10-05 17:08 被阅读0次
<div id="box"></div>
        <script>
            var box = document.getElementById("box");
            var span = document.getElementById("span");
            var end,now,allTime,days,hours,minutes,seconds,millise,time;
            time = "2017-9-19 13:21:00:00";
            end = new Date(time);
            function curstor(){
                now = new Date();
                allTime = end.getTime()-now.getTime();
                days =  Math.floor(allTime/1000/60/60/24);//求出整的天数
                hours = Math.floor((allTime/1000/60/60)%24)//求出所有的小时数,然后取模求出不足一天的小时数;
                minutes = Math.floor((allTime/1000/60)%60);//求出整的分钟数,然后取模求出不足一小时的分钟数
                seconds = Math.floor((allTime/1000)%60);//求出整的秒数,然后取模求出不足一分钟的秒数
                millise = Math.floor((allTime)%60);//求出所有的秒数,然后取模求出不足一秒的毫秒数;
                if(hours<10){
                    hours="0"+hours;
                }
                if(minutes<10){
                    minutes="0"+minutes;
                }
                if(seconds<10){
                    seconds="0"+seconds;
                }
                if(millise<10){
                    millise="0"+millise;
                }
                box.innerHTML="距离"+time+"还剩下:"+days+"天"+hours+"小时"+minutes+"分钟"+seconds+"秒"+millise+"毫秒";
                // console.log(allTime);
                if(allTime<0){
                    clearInterval(box.t);
                    days=0;
                    hours=0;
                    minutes=0;
                    seconds=0;
                    millise=0;
                    box.innerHTML="距离"+time+"还剩下:"+days+"天0"+hours+"小时0"+minutes+"分钟0"+seconds+"秒0"+millise+"毫秒";
                }
            }
            // curstor();
            box.t = setInterval("curstor()",0);

        </script>

相关文章

  • 倒计时

    新年倒计时…中考倒计时…高考倒计时…告别学生倒计时…假期倒计时…睡觉倒计时…起床倒计时… 生活中,很多与我们息息相...

  • 倒计时不仅使我们焦躁,还可以使我们振奋啊

    中考倒计时,高考倒计时, 倒计时100天 倒计时50天 倒计时10天 倒计时5天 ........ 这个场景想必在...

  • 倒计时

    文/木子 开学倒计时了 爸妈回去倒计时了 教师节倒计时了 国庆节倒计时了 小儿12岁倒计时了 寒假倒计时了 元旦倒...

  • wordlist 13

    倒计时倒计时

  • wordlist 11

    倒计时倒计时

  • van-count-down 倒计时相关问题

    1. 倒计时重置问题 背景:业务需要在开启倒计时、暂停、恢复倒计时实时判断是否展示倒计时,并重置倒计时 问题:直接...

  • iOS开发-倒计时

    倒计时 倒计时60s 倒计时HH-MM-SS 1.倒计时60s 很多时候在点击按钮发送短信的时候需要倒计时读秒 2...

  • 10.27

    倒计时第一天,倒计时7,好想赶快到倒计时1。

  • 1小时倒计时

    倒计时 目前我们内部用的比较多的倒计时:一个小时的倒计时、12个小时的倒计时。 examinePassTime:审...

  • js中date倒计时

    获取倒计时之前,我们不妨先来看怎样获取当前时间吧!!! 获取倒计时 1、实现倒计时功能2、倒计时结束按钮可被点击,...

网友评论

      本文标题:倒计时

      本文链接:https://www.haomeiwen.com/subject/lclkyxtx.html