计时器是 JavaScript 中用于在特定时间间隔执行代码或任务的内置功能。主要用于定期更新内容、执行延迟任务、控制动画和过渡。提供 setTimeout() 和 setInterval() 两种类型计时器。setTimeout() 在指定延迟后执行一次函数,setInterval() 以指定间隔重复执行函数。可以通过 clearTimeout() 和 clearInterval() 停止计时器。

JS 计时器
计时器的定义和目的
计时器是 JavaScript 中的内置功能,用于在特定时间间隔执行代码或任务。它们主要用于以下目的:
- 定期更新动态内容(例如,每秒刷新时钟)
- 执行延迟或定时任务(例如,在 5 秒后显示模态窗口)
- 控制动画和过渡
计时器类型
JavaScript 提供了两种类型的计时器:
- setTimeout():在指定的时间延迟后执行一次函数。
- setInterval():以指定的时间间隔重复执行函数。
使用方法
setTimeout()
setTimeout(function, milliseconds);
- function:要执行的函数。
- milliseconds:延迟执行函数的时间,单位为毫秒。
setInterval()
基于css3(transition)和css3选择器(表单),写出的动感效果十足的图标菜单下拉效果,全部使用css3写的下拉菜单,没有任何js,当你点击菜单时,子菜单以动画形式弹出收缩效果。
setInterval(function, milliseconds);
- function:要执行的函数。
- milliseconds:函数重复执行的时间间隔,单位为毫秒。
示例
使用 setTimeout() 在 5 秒后显示警报:
setTimeout(() => {
alert("5 秒已过!");
}, 5000);使用 setInterval() 每秒更新时钟:
setInterval(() => {
const date = new Date();
document.getElementById("clock").innerHTML = date.toLocaleTimeString();
}, 1000);停止计时器
要停止计时器,可以使用 clearTimeout() 或 clearInterval() 方法:
clearTimeout(timerId); // 停止 setTimeout() 计时器 clearInterval(timerId); // 停止 setInterval() 计时器
其中 timerId 是启动计时器时返回的 ID。









