在网页中显示一个时钟 (js)

最新推荐文章于 2022-09-24 01:55:19 发布

原创最新推荐文章于 2022-09-24 01:55:19 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #div #date #html

个人日记专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的网页实时日期时间显示功能。通过获取当前日期时间并转换为指定格式，将其显示在网页上，并利用定时器每0.5秒更新一次时间。此功能对于需要在网页中实时展示时间的应用场景非常实用。

<html>
<head>
<script type="text/javascript">
  function settime() {
   var date = new Date();
   var year = date.getYear();
   var month = date.getMonth()+1;
   var day = date.getDate();
   var h = date.getHours();
   var m = date.getMinutes();
   var s = date.getSeconds();
   var week = date.getDay();
   m=changetime(m);
   s=changetime(s);
   var arr =new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");

   var str = year+"年"+month+"月"+day+"日 "+h+":"+m+":"+s+"   "+arr[week];
   document.getElementById("div1").innerHTML=str;

   setTimeout("settime()",500);
  }
  function changetime(time) {
   if( time<10 ) {
    return "0"+time;
   }else {
    return time;
   }
  }
</script>
</head>

<body onLoad="settime()">
    <div id="div1"> </div>
</body>
</html>