前端 —— JavaScript 基础篇 20 --- 定时器 setTimeout、setInterval、clearTimeout、clearInterval

最新推荐文章于 2022-11-22 10:35:22 发布

淡泊-宁静致远

最新推荐文章于 2022-11-22 10:35:22 发布

阅读量247

点赞数

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/dingdinglaila/article/details/106939709

版权

本文详细介绍了JavaScript中的定时器函数setTimeout和setInterval，包括它们的使用方法、参数传递、常见实例以及如何使用clearTimeout和clearInterval进行清除。通过示例解释了为何在设置定时器时不能直接调用带参数的函数，强调了定时器在前端开发中的重要性。

摘要由CSDN通过智能技术生成

上一篇提到了BOM对象即window对象今天总结下window的另一个对象：定时器

延迟执行，并且执行一次

参数1：函数———要执行的逻辑
参数2：时间——单位是毫秒，表示间隔多长时间执行参数1 1000毫秒 = 1秒

语法：

window.setTimeout(function () {
// 函数体
},1000)；

省略 window的写法
setTimeout(function () {
// 函数体
},1000)；

小例子：2秒后控制台输出

setTimeout(function () {
	console.log('定时炸弹')
},2000);

可以封装成一个方法，方便后期随时用定时器调用

function times(){
	console.log('3秒后调用该函数，直接调用函数名times。不能写成times(),这样是调用函数的返回值（就是直接调用了函数执行的结果ÿ

关注