javascript计时器
时间: 2023-08-14 21:03:47 浏览: 48
JavaScript 中有两种计时器:setTimeout 和 setInterval。
setTimeout 计时器会在指定的时间后执行一次回调函数,而 setInterval 计时器会每隔一段时间执行一次回调函数。
下面是一个 setTimeout 的例子:
```
setTimeout(function() {
console.log('1秒后执行');
}, 1000);
```
下面是一个 setInterval 的例子:
```
var count = 0;
var intervalId = setInterval(function() {
console.log('计数器:' + count);
count++;
if (count === 5) {
clearInterval(intervalId);
}
}, 1000);
```
上面的例子会每隔一秒钟输出一次计数器的值,直到计数器到达 5,然后 clearInterval 停止计时器。
相关问题
javascript 计时器
JavaScript 提供了多种计时器函数,可以用来实现倒计时、延时执行等功能。
1. setTimeout():延时执行一次指定的函数。
示例:
```
setTimeout(function() {
console.log('延时执行');
}, 2000); // 延时 2 秒执行
```
2. setInterval():重复执行指定的函数,每隔一定时间执行一次。
示例:
```
var count = 0;
var timer = setInterval(function() {
count++;
console.log('第' + count + '次执行');
if (count >= 5) {
clearInterval(timer); // 停止计时器
}
}, 1000); // 每隔 1 秒执行一次
```
3. clearInterval():停止由 setInterval() 创建的计时器。
示例:
```
var timer = setInterval(function() {
console.log('重复执行');
}, 1000);
setTimeout(function() {
clearInterval(timer); // 停止计时器
}, 5000); // 5 秒后停止计时器
```
4. clearTimeout():停止由 setTimeout() 创建的计时器。
示例:
```
var timer = setTimeout(function() {
console.log('延时执行');
}, 2000);
clearTimeout(timer); // 取消计时器
```
帮我写一个javascript计时器代码
好的,以下是一个简单的 JavaScript 计时器代码:
```javascript
// 获取要显示时间的元素
const timerDisplay = document.querySelector('#timer');
// 初始时间为 0
let time = 0;
// 每秒更新时间并显示
setInterval(() => {
time++;
timerDisplay.textContent = time;
}, 1000);
```
以上代码中,我们首先获取了一个用于显示时间的元素,然后设置初始时间为 0,然后使用 `setInterval` 函数每秒更新时间并显示到页面上。
你可以将 `#timer` 替换成你页面中实际显示时间的元素的选择器。