首页使用html做一个实时时钟

使用html做一个实时时钟

时间: 2023-06-02 10:06:44 浏览: 103

好的，我可以回答这个问题。要实现一个实时时钟，需要使用 JavaScript，并结合 HTML 页面来显示时间。以下是一个简单的代码示例： ``` <html> <head> <title>实时时钟</title> <script type="text/javascript"> function showTime() { var date = new Date(); var h = date.getHours(); var m = date.getMinutes(); var s = date.getSeconds(); h = zeroFill(h); m = zeroFill(m); s = zeroFill(s); var time = h + ":" + m + ":" + s; document.getElementById("clock").innerHTML = time; setTimeout("showTime()", 1000); } function zeroFill(i) { if (i < 10) { i = "0" + i; } return i; } </script> </head> <body onload="showTime();"> <h1>当前时间:</h1> <div id="clock"></div> </body> </html> ``` 这个代码将会在页面上显示一个标题和一个 ID 为 "clock" 的 div 元素。在页面加载完成后，JavaScript 会每秒钟更新 div 中的时间，并使用 zeroFill 函数来确保小时数、分钟数和秒数以两位数字的格式显示。