在java script中分别使用setTimeout()和setlnterval()函数实现显示当前系统时间代码
时间: 2024-10-22 14:25:32 浏览: 13
JavaScript通过setTimeout实时显示当前时间的方法
在JavaScript中,`setTimeout()` 和 `setInterval()` 都用于在指定的时间间隔后执行一次回调函数,但它们有关键的区别:
1. `setTimeout(function, delay)`:这个函数会在延迟(`delay`)毫秒后执行一次指定的函数。例如,如果你想每5秒钟更新一次当前系统时间,你可以这样做:
```javascript
function displayTime() {
const currentTime = new Date();
console.log("当前时间: " + currentTime.toLocaleTimeString());
}
setTimeout(displayTime, 5000); // 5000毫秒等于5秒
```
在这个例子中,`displayTime` 函数会被执行一次,然后会等待5秒钟才会再次执行。
2. `setInterval(function, delay)`:这个函数会在首次执行函数后,按照设定的时间间隔(`delay`)不断重复执行函数。比如:
```javascript
let intervalId;
function startDisplayingTime() {
intervalId = setInterval(function() {
const currentTime = new Date();
console.log("当前时间: " + currentTime.toLocaleTimeString());
}, 5000);
}
startDisplayingTime(); // 开始定时显示
// 若要停止时间显示,可以调用 clearInterval(intervalId);
// clearInterval(intervalId);
```
这里,`startDisplayingTime` 开始了一个计时器,它会每隔5秒打印一次当前时间,直到手动清除(`clearInterval(intervalId)`)。
阅读全文