首页用html 和JavaScript写一个时钟并且与现在时间同步

用html 和JavaScript写一个时钟并且与现在时间同步

时间: 2024-01-22 15:17:33 浏览: 94

可以使用JavaScript的Date对象来获取当前时间，并将其显示在HTML页面上。以下是一个简单的HTML和JavaScript代码，可以实现这个功能： ```html <!DOCTYPE html> <html> <head> <title>时钟</title> </head> <body> <h1>现在的时间是:</h1> <div id="clock"></div> <script> function updateClock() { var now = new Date(); var clock = document.getElementById('clock'); clock.innerHTML = now.toLocaleTimeString(); } setInterval(updateClock, 1000); </script> </body> </html> ``` 在这个例子中，我们使用setInterval函数每隔一秒更新一次时钟。updateClock函数获取当前时间，然后将其显示在页面上。我们使用toLocaleTimeString函数将时间转换为本地时间格式。最后，我们将时钟的内容设置为获取的时间。

阅读全文