javascript（实时显示时间）代码实例

Return_KB

墨衍会员 · AI 创作全网分发码龄9年

关注

翻译最新推荐文章于 2026-06-21 16:12:01 发布 1.5k 阅读 AI 写同款· GEO 优化 ›

js显示实时时间用`JS`实现`XXXX`年`XX`月`XX`日星期`X` `XX`时`XX`分`XX`秒效果。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。阅读详情

在很多网页上都有这样的功能，那就是有一块区域能够实时的显示当前的事件，这是比较人性化的一个举措，同时也让网站有了动态的感觉，下面是一段实现此效果的代码实例，希望能够给大家带来帮助。

代码实例如下:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29 <!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<head>
<title>蚂蚁部落</title>
<script type="text/javascript">
function showLeftTime(){
  var show=document.getElementById("show");
  var now=new Date();
  var year=now.getYear();
  var month=now.getMonth();
  var day=now.getDate();
  var hours=now.getHours();
  var minutes=now.getMinutes();
  var seconds=now.getSeconds();
  show.innerHTML=""+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+"";
  var timeID=setTimeout(showLeftTime,1000);
}
window.onload=function(){
  showLeftTime()
}
</script>
</head>
<body>
 <div id="show"></div>
</body>
</html>