首页计时器html 代码

计时器html 代码

时间: 2024-02-23 14:54:25 浏览: 113

当然可以！以下是一个简单的计时器的HTML代码示例： ```html <!DOCTYPE html> <html> <head> <title>计时器</title> <script> var seconds = 0; var timer; function startTimer() { timer = setInterval(updateTimer, 1000); } function stopTimer() { clearInterval(timer); } function resetTimer() { seconds = 0; updateTimer(); } function updateTimer() { seconds++; document.getElementById("timer").innerHTML = seconds + " 秒"; } </script> </head> <body> <h1>计时器</h1> <div id="timer">0 秒</div> <br> <button onclick="startTimer()">开始</button> <button onclick="stopTimer()">停止</button> <button onclick="resetTimer()">重置</button> </body> </html> ``` 这段代码创建了一个简单的计时器，包含了开始、停止和重置功能。计时器使用JavaScript来实现，通过`setInterval`函数每秒更新一次计时器的值，并将其显示在页面上。

阅读全文