javascript中计时器的使用场景

JavaScript计时器的使用场景

JavaScript计时器是一种定时器，它可以在指定的时间内执行一段代码。它有两种形式：setTimeout()和setInterval()。它们可以用来执行定时任务，如更新UI、调整动画、轮询服务器等。

使用setTimeout()

setTimeout()可以在指定的时间后执行一段代码，它有两个参数：一个是要执行的函数，另一个是时间（以毫秒为单位）。它返回一个整数值，可以用来取消定时任务。

// 在3秒后执行函数
var timeoutId = setTimeout(function(){
    console.log('3秒后被执行');
}, 3000);

// 取消定时任务
clearTimeout(timeoutId);

使用setInterval()

setInterval()可以在指定的时间间隔内重复执行一段代码，它有两个参数：一个是要执行的函数，另一个是时间间隔（以毫秒为单位）。它返回一个整数值，可以用来取消定时任务。

// 每3秒执行一次函数
var intervalId = setInterval(function(){
    console.log('每3秒执行一次');
}, 3000);

// 取消定时任务
clearInterval(intervalId);

使用场景

• 定时刷新UI，比如实时显示时间，滚动新闻等。
• 调整动画，比如渐变、平滑过渡等。
• 轮询服务器，比如检查新消息、更新数据等。