js動態實現時分秒

標籤：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動態實現時分秒