- 智能AI问答！更聪明、更完整、原创作！
- 一款基于GPT的超级AI机器人，可以回答问题、聊天、创作、写文案！
HTML 页面 动态时间
发布于 2024-02-15 20:16:12
要在HTML页面上显示动态时间，您可以使用JavaScript来实现。以下是一个示例代码，演示如何在HTML页面中显示当前的动态时间：
<!DOCTYPE html>
<html>
<head>
<title>动态时间</title>
<script>
function updateTime() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var timeString = hours + ":" + minutes + ":" + seconds;
document.getElementById("time").innerHTML = timeString;
}
setInterval(updateTime, 1000); // 每秒钟更新一次时间
</script>
</head>
<body>
<h1>当前时间：<span id="time"></span></h1>
</body>
</html>在上面的代码中，我们定义了一个名为 updateTime 的JavaScript函数，用于获取当前的时间并更新到HTML页面中。setInterval 函数用于定时调用 updateTime 函数，以实现动态更新时间的效果。1000 表示每隔1000毫秒（即1秒）执行一次。
在HTML页面中，我们使用 <span> 标签来显示时间，并给它指定了一个唯一的ID（"time"），以便JavaScript代码能够找到并更新它的内容。
通过将上述代码保存为一个 HTML 文件并在浏览器中打开，您应该能够看到一个显示当前动态时间的页面。
请注意，上述代码中显示的时间是客户端本地的时间，与服务器无关。如果需要显示服务器的时间，您可以使用AJAX请求将服务器时间传递给JavaScript，并进行相应的处理。
0 条评论
关于作者
相关文章
9