js实时获取并显示当前时间的方法
编程学习 2021-07-04 21:48www.dzhlxh.cn编程入门
这篇文章主要介绍了js实时获取并显示当前时间的方法,涉及javascript针对时间及页面元素的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了js实时获取并显示当前时间的方法。分享给大家供大家参考。具体实现方法如下：
js部分如下：
<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程序设计有所帮助。