首页 > Web开发 > 详细

js动态实现时分秒

时间:2016-11-25 12:10:24      阅读:370      评论:0      收藏:0      [点我收藏+]

<div id="time" style="color: #96C2DD;</div>  
    <script type="text/javascript">   
     setInterval(function(){  
          var time=new Date();  
          var year=time.getFullYear();  //获取年份  
          var month=time.getMonth()+1;  //获取月份  
          var day=time.getDate();   //获取日期  
          var hour=checkTime(time.getHours());   //获取时  
          var minite=checkTime(time.getMinutes());  //获取分  
          var second=checkTime(time.getSeconds());  //获取秒  
          /****当时、分、秒、小于10时,则添加0****/  
          function checkTime(i){  
              if(i<10) return "0"+i;  
              return i;  
          }  
          var box=document.getElementById("time");  
          box.innerHTML=year+"-"+month+"-"+day+" "+hour+":"+minite+":"+second;            
        },1000);     //setInterval(fn,i) 定时器,每隔i秒执行fn  
</script> 

js动态实现时分秒

原文:http://www.cnblogs.com/guolsblog/p/6100734.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!