html怎么显示时间(html时间) 使用JavaScript显示时间全网首发(图文详解1)

html怎么显示时间 (html时间)

HTML，即超文本标记语言，主要用来创建网页。如果你想在网页上显示时间，一种简便的办法是使用JavaScript来获取和展示时间，因为HTML本身并没有提供显示动态时间的功能。

下面的例子是如何使用JavaScript在HTML中显示时间：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>显示时间的网页</title>
<script>
function startTime() {
    var today = new Date(); // 获取当前日期和时间
    var h = today.getHours(); // 获取小时
    var m = today.getMinutes(); // 获取分钟
    var s = today.getSeconds(); // 获取秒
    m = checkTime(m); // 检查分钟是否小于10
    s = checkTime(s); // 检查秒是否小于10
    document.getElementById('txt').innerHTML =
    h + ":" + m + ":" + s;  // 在id为"txt"的元素中显示时间
    var t = setTimeout(startTime, 500); // 每0.5秒执行一次startTime函数
}
function checkTime(i) {
    if (i < 10) {i = "0" + i};  // 如果数字小于10，前面加0
    return i;
}
</script>
</head>
<body onload="startTime()">

<div id="txt"></div>  <!-- 时间将在这里显示 -->

</body>
</html>

这个例子中的 JavaScript 程序做了如下的事情：