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

js动态实现时分秒

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

标签:mini   get   text   定时器   return   var   ***   执行   htm   

<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动态实现时分秒

标签:mini   get   text   定时器   return   var   ***   执行   htm   

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

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