在HTML中使用JavaScript实时显示当前日期和时间（结尾完整例程）
<!DOCTYPE html>
<html>
<head>
<title>实时显示当前日期和时间</title>
<script>
function startTime() {
const today = new Date();
let h = today.getHours();
let m = today.getMinutes();
let s = today.getSeconds();
// 为了美观，数字小于10将前面加0
h = checkTime(h);
m = checkTime(m);
s = checkTime(s);
document.getElementById('txt').innerHTML =
today.toDateString() + "<br>" + h + ":" + m + ":" + s;
// 使用setTimeout函数调用startTime函数，每秒钟更新一次时间
setTimeout(startTime, 1000);
}
function checkTime(i) {
if (i < 10) {i = "0" + i};
return i;
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>这段代码使用了setTimeout函数来周期性地调用startTime函数，从而实现了时钟的更新。这个例程是一个简单的JavaScript实时时钟示例，展示了如何在网页上显示当前日期和时间，并且保持时间的实时更新。
评论已关闭