📅  最后修改于: 2023-12-03 15:31:48.776000             🧑  作者: Mango
计时器是JavaScript中非常常用的功能之一,特别是当需要添加一些延时操作和动画效果时。JavaScript计时器本质上是一种定时器,它能够根据预设的时间周期性地执行某个指定的操作。
常用的JavaScript计时器有两种:setTimeout()和setInterval()。
setTimeout()方法会在指定的时间后调用一个函数。语法如下:
setTimeout(function, milliseconds);
其中,function是要执行的函数,milliseconds是执行函数之前需要等待的毫秒数。
例如,下面的代码会在2秒后弹出一个对话框:
setTimeout(function() {
alert("2 seconds have passed!");
}, 2000);
setInterval()方法在指定的时间间隔内周期性地调用一个函数。语法如下:
setInterval(function, milliseconds);
其中,function是要周期性执行的函数,milliseconds是时间间隔,单位是毫秒。
例如,下面的代码会每隔1秒在控制台中打印一次hello:
setInterval(function() {
console.log("hello");
}, 1000);
当我们使用setInterval()方法设定一个周期性执行的函数时,该方法会返回一个唯一的ID,我们可以使用clearInterval()方法来停止这个函数的周期性执行。语法如下:
clearInterval(intervalID);
其中,intervalID是setInterval()返回的唯一ID。
例如,下面的代码会在3秒后停止周期性打印hello:
var intervalID = setInterval(function() {
console.log("hello");
}, 1000);
setTimeout(function() {
clearInterval(intervalID);
}, 3000);
以上就是JavaScript计时器的介绍,使用它们可以方便地实现一些延时操作和动画效果,提升网站的用户体验。