JS 自制页面小时钟

最新推荐文章于 2024-10-11 21:37:38 发布

_格鲁特宝宝

最新推荐文章于 2024-10-11 21:37:38 发布

阅读量343

点赞数

分类专栏： Web FrontEnd javascript 文章标签：时钟 date new Date()

_格鲁特宝宝原创，转载请务必注明出处

本文链接：https://blog.csdn.net/GrootBaby/article/details/81908324

版权

Web FrontEnd 同时被 2 个专栏收录

227 篇文章 5 订阅

订阅专栏

javascript

73 篇文章 0 订阅

订阅专栏


$(document).ready(function(e) { 
    function showTime(){        
      var myDate=new Date();

      var tYear=myDate.getFullYear();
      var tMonth=myDate.getMonth()+1;
      var tDay=myDate.getDate();
      var tHour=myDate.getHours();           
      var tMinute=myDate.getMinutes();           
      var tSecond=myDate.getSeconds();
      if(tMonth<10){
        tMonth = "0"+tMonth;
      }
      if(tDay<10){
        tDay = "0"+tDay;
      }
      if(tHour<10){
        tHour = "0"+tHour;
      } 
      if(tMinute<10){
        tMinute = "0"+tMinute;
      } 
      if(tSecond<10){
        tSecond = "0"+tSecond;
      }   
      var dateStr = tYear+"-"+tMonth+"-"+tDay+'<br/>'+tHour+":"+tMinute+":"+tSecond+"";  
      $("#date").html(dateStr);       
    }      
    showTime()
    var interval=window.setInterval(showTime, 1000); 
});