JavaScript实现页面局部时间刷新的完整代码示例

作者:异步漫步时间:2026-10-27 11:58:18浏览:280

本文提供了一段JavaScript代码,用于在网页中实现局部区域的实时时间刷新功能。通过获取当前日期时间对象,格式化年月日时分秒,并利用setInterval定时器每秒更新指定div元素的innerHTML,从而在页面加载时自动显示并持续更新当前时间。

JavaScript实现页面局部时间刷新的完整代码示例

代码示例如下:

<head>
<title></title>
<script type="text/javascript">
function GetTime() {
var time = new Date();
var year = time.getFullYear();
var month = time.getMonth() + 1; // 月份索引从0开始
var day = time.getDate(); // 需使用getDate()方法
var hour = time.getHours();
var minute = time.getMinutes();
var sec = time.getSeconds();
var timestring;
if (minute < 10) {
timestring
= year + "-" + month + "-" + day + " " + hour + ":0" + minute + ":" + sec;
            }
} else {
timestring
= year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + sec;
            }
// div元素不具备value属性
document.getElementByIdx_x("timeDiv").innerHTML = timestring;
window.setInterval("GetTime()", 1000);
        }
</script>
</head>
<body onload="GetTime()">
<div id="timeDiv">
</div>
</body>
作者最新文章