首页使用window 对象的setTimeoutO方法和clearTimeoutO方法设计一个简单的计时器。当单击“开始计时”按钮后启动计时器，文本框从0开始进行计时；单击“暂停计时”按钮后暂停计时，☆ 开始汁时

使用window 对象的setTimeoutO方法和clearTimeoutO方法设计一个简单的计时器。当单击“开始计时”按钮后启动计时器，文本框从0开始进行计时；单击“暂停计时”按钮后暂停计时，☆ 开始汁时

时间: 2024-04-30 21:18:21 浏览: 51

简易计时器，含开始、暂停、清零三个功能按钮

这是一个基于 JavaScript 的计时器示例： ```html <!DOCTYPE html> <html> <head> <title>计时器示例</title> </head> <body> <input type="text" id="timer" value="0"> <br> <button onclick="startTimer()">开始计时</button> <button onclick="pauseTimer()">暂停计时</button> <script> var timerInterval = null; var timerValue = 0; function startTimer() { timerInterval = setInterval(function() { timerValue++; document.getElementById('timer').value = timerValue; }, 1000); } function pauseTimer() { clearInterval(timerInterval); } </script> </body> </html> ``` 在这个示例中，我们使用了 `setInterval` 方法来启动一个计时器，每秒钟增加计时器的值，并将其显示在文本框中。我们还使用了 `clearInterval` 方法来暂停计时器。

阅读全文