前端祖传三件套JavaScript的BOM的计时

setTimeout() 方法

setTimeout() 方法用于在指定的时间后执行一次特定的函数或代码块。它接受两个参数：第一个参数是要执行的函数或代码块，第二个参数是等待的毫秒数。

setTimeout(function() {
  alert('5 秒钟已经过去了！');
}, 5000); // 等待 5 秒钟后执行

setInterval() 方法

setInterval() 方法用于每隔一段时间执行一次特定的函数或代码块。它接受两个参数：第一个参数是要执行的函数或代码块，第二个参数是每次执行之间的毫秒数间隔。

var count = 0;
var timer = setInterval(function() {
  count++;
  console.log('已经过去了 ' + count + ' 秒钟！');
}, 1000); // 每隔 1 秒钟执行一次

clearTimeout() 和 clearInterval() 方法

clearTimeout() 和 clearInterval() 方法用于取消之前使用 setTimeout() 和 setInterval() 创建的计时器。它们都接受一个参数，即要取消的计时器的 ID。

var timerId = setTimeout(function() {
  console.log('这条消息不会被显示！');
}, 5000); // 创建一个计时器
clearTimeout(timerId); // 取消该计时器
var timerId = setInterval(function() {
  console.log('这条消息不会被显示！');
}, 1000); // 创建一个计时器
clearInterval(timerId); // 取消该计时器

结论

本文介绍了 JavaScript BOM 的计时功能，并提供了一些常用的属性和用法。计时是前端开发中非常重要的功能，可以让我们实现各种复杂的交互和动画效果。以上方法都非常易用且功能强大，值得我们在日常开发中充分利用。

感谢您阅读此篇博文！希望它能帮助您更深入地了解 JavaScript BOM 计时功能的使用方法。如果您有任何问题或疑问，请随时在评论区留言。