setInterval() 方法可以按照指定的周期(以毫秒计)来调用函数或计算表达式。该方法会不断地调用函数,直到 clearInterval() 被调用或窗口被关闭。通过 setInterval() 返回的 ID 值,可以作为 clearInterval() 方法的参数来取消对 code 的周期性执行。
以下是使用 setInterval() 方法的示例代码:
```javascript
function clock() {
var t = new Date();
document.getElementById("clock").value = t;
}
var int = setInterval(clock, 50);
```
在上述代码中,我们定义了一个名为 `clock()` 的函数,用于更新页面上显示的时间。然后,我们使用 `setInterval()` 方法将 `clock()` 函数每隔 50 毫秒调用一次,并将返回的 ID 值存储在变量 `int` 中。
如果需要停止周期性执行,可以使用以下代码:
```html
var int = setInterval(clock, 50);
function clock() {
var t = new Date();
document.getElementById("clock").value = t;
}
button onclick="int = window.clearInterval(int)" Stop interval>Stop interval
```
在上述代码中,我们在按钮的点击事件处理程序中调用了 `window.clearInterval(int)`,以取消对 `clock()` 函数的周期性执行。