HTML js获取系统时间（刷新、不刷新）

原创已于 2022-08-22 13:42:42 修改 · 636 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #html #前端

收录于

于 2022-08-22 13:10:00 首次发布

HTML 同时被 2 个专栏收录

13 篇文章

订阅专栏

前端

10 篇文章

订阅专栏

此博客介绍如何使用JavaScript实现动态显示当前日期、星期及时间，通过setInterval函数每500毫秒更新一次，展示了基本的日期时间处理和定时器技巧。

  <script type="text/javascript">
  window.onload = function(){
    showTime();
  }
 
  function showTime(){
    var myDate = new Date();
    var year = myDate.getFullYear();
    var month = myDate.getMonth() + 1;
    var date = myDate.getDate();
    var dateArr = ["日","一",'二','三','四','五','六'];
    var day = myDate.getDay();
    var hours = myDate.getHours();
    var minutes = formatTime(myDate.getMinutes());
    var seconds = formatTime(myDate.getSeconds());
 
    var systemTime = document.getElementById("time");
    systemTime.innerHTML = " " + year + "年" + month +"月" + date + "日" + " 星期" + dateArr[day] + " " + hours + ":" + minutes + ":" + seconds;
    setTimeout("showTime()",500);	//该句控制循环
  }
 
  //格式化时间：分秒。
  function formatTime (i){
    if(i < 10){
      i = "0" + i;
    }
    return i;
  }
 
  </script>





<body>
  <div id ='time'></div>
</body>