js动态实现时分秒

Posted 2020-08-20 guols

<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>