JavaScript实时获取并显示当前时间的方法

作者:闭包旅人

时间:2026-10-29

浏览:665

本文介绍如何使用JavaScript实时获取并显示当前时间。通过Date对象获取年月日时分秒,利用setInterval每秒更新一次,并将结果写入指定HTML元素。

文章目录

JavaScript实时获取并显示当前时间的方法

本文介绍一种在JavaScript中实时获取并展示当前时间的方法,供读者参考学习。

JavaScript相关代码如下:


<script type="text/javascript">
 window.onload = function() {
  var show = document.getElementById("show");
  setInterval(function() {
   var time = new Date();
   // 程序计时的月从0开始取值后+1
   var m = time.getMonth() + 1;
   var t = time.getFullYear() + "-" + m + "-"
     + time.getDate() + " " + time.getHours() + ":"
     + time.getMinutes() + ":" + time.getSeconds();
   show.innerHTML = t;
  }, 1000);
 };
</script>

HTML部分代码如下:

具体实现如下:

<div id="show"></div>

运行后的显示效果如下:

2015-7-31 8:47:5

希望本文所述对大家的javascript程序设计有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章