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

最新推荐文章于 2024-03-25 00:12:25 发布

翻译最新推荐文章于 2024-03-25 00:12:25 发布 · 1.4k 阅读

前端js 专栏收录该内容

39 篇文章

订阅专栏

本文提供了一段简单的HTML和JavaScript代码，用于在网页上实时显示当前日期时间，通过定时更新页面元素来达到动态显示效果。

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

代码实例如下:

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>