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>作者最新文章
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
