JavaScript实时获取并显示当前时间的方法
作者:闭包旅人时间:2026-10-29 12:58:02浏览:666
本文介绍如何使用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程序设计有所帮助。
作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
