码迷,mamicode.com
首页 > Web开发 > 详细

js 倒计时效果

时间:2016-03-30 14:53:18      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:

   var count= countTime(‘2016-12-31‘);
        var time=document.createElement(‘div‘);
        time.id=‘time‘;
        document.body.appendChild(time);
        var showTime=document.getElementById("time");

        showTime.innerHTML=count;

        setInterval(function(){
             count= countTime(‘2016-12-31‘);
             showTime.innerHTML=count;

        },1000);
           

        function countTime(endtime){
                var endT= endtime.replace(/-/g,"/");//字符串转化为日期
                var endTime= new Date(endT);
                var nowTime= new Date();
                var t=endTime.getTime()-nowTime.getTime();
                var d=0;
                var h=0;
                var m=0;
                var s=0;
                if(t>=0){
                  d=Math.floor(t/1000/60/60/24);
                  h=Math.floor(t/1000/60/60%24);
                  m=Math.floor(t/1000/60%60);
                  s=Math.floor(t/1000%60);
                }
                h=h<10?"0"+h:h;
                m=m<10?"0"+m:m;
                s=s<10?"0"+s:s;
                return d+":"+h+":"+m+":"+s;
        }

js 倒计时效果

标签:

原文地址:http://www.cnblogs.com/sandy-happyhour/p/5337040.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!