码迷,mamicode.com
首页 > 其他好文 > 详细

各种计时

时间:2016-07-23 22:50:44      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:

1.文字时间:

  window.onload=function(){
                function todou(n){  //封装的补零函数
                    if(n<10){return ‘0‘+n;}
                    else{return ‘‘+n;}
                }
                function tick(){
                    var oDiv=document.getElementById("box");
                    var oDate=new Date();
                    var year=oDate.getFullYear();
                    var month=oDate.getMonth();  //0-11
                    var day=oDate.getDate();
                    var week=oDate.getDay();  //0-6,0代表星期日
                    var hours=oDate.getHours();
                    var minutes=oDate.getMinutes();
                    var seconds=oDate.getSeconds();
                  if(week==2)week=‘星期二‘;
                  oDiv.innerHTML=year+‘年‘+(month+1)+‘月‘+day+‘日‘+week+todou(hours)+‘:‘+todou(minutes)+‘:‘+todou(seconds);
                  }
                tick();
                setInterval(tick,1000);
            }

2.图片时间:

    window.onload=function(){
                var aImg=document.getElementsByTagName(‘img‘);
                function toDou(n){
                    if(n<10){return ‘0‘+n;}
                    else{return ‘‘+n;}
                }
                function tick(){
                    var oDate=new Date();
                    var H=oDate.getHours();
                    var M=oDate.getMinutes();
                    var S=oDate.getSeconds();
                    str=toDou(H)+toDou(M)+toDou(S);
                    for(var i=0;i<aImg.length;i++){
                    aImg[i].src=‘img/‘+str.charAt(i)+‘.png‘;
                  }
                }
                tick();
                setInterval(tick,1000);
            }

3.倒计时:

     function todou(n){
                          if(n<10){return ‘0‘+n;}
                          else{return ‘‘+n;}
                      }

    window.onload=function(){
                var oBox=document.getElementById("box");
                var oDate=new Date();      //未来时间
                     oDate.setFullYear(2016,9,1);  //把时间设置到2016年10月1日;
                      oDate.setHours(0,0,0,0);//把时间设置到0时0分0秒0毫秒;必须要设置;     
            function tick(){
                var New=new Date();       //当前时间,必须放在tick()函数里面;
                var ms=oDate.getTime()-New.getTime();//未来时间戳-现在时间戳毫秒数;不需要加parseInt;
                //毫秒转为秒
                var s=parseInt(ms/1000);
                //秒转为天
                var d=parseInt(s/86400);
                //取小时
                var h=parseInt(s%86400/3600);
                var m=parseInt(s%86400%3600/60);
                var s=parseInt(s%86400%3600%60);
                oBox.innerHTML=‘距离十一还有:‘+todou(d)+‘天‘+todou(h)+‘时‘+todou(m)+‘分‘+todou(s)+‘秒‘;
            }
            tick();//防止开始为空
            setInterval(tick,1000)
            }

各种计时

标签:

原文地址:http://www.cnblogs.com/yang0902/p/5699563.html

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