js内容整理
创始人
2024-02-10 22:59:40
0

js内容整理

定时器

JavaScript 提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()setInterval()这两个函数来完成。

setTimeout()

setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。

var timerId = setTimeout(func|code, delay);

上面代码中,setTimeout函数接受两个参数,第一个参数func|code是将要推迟执行的函数名或者一段代码,第二个参数delay是推迟执行的毫秒数。

console.log(1);
setTimeout('console.log(2)',1000);
console.log(3);
延迟1000ms打印 2

在这里插入图片描述
还可以用用函数调用

function f() {console.log(2);
}
console.log(1);
setTimeout(f, 1000);
console.log(3);

在这里插入图片描述
setTimeout还允许更多的参数。回调函数

var x = 1;
var obj = {x: 2,y: function () {console.log(this.x);}
};
setTimeout(obj.y, 1000) 

在这里插入图片描述
上面代码输出的是1,而不是2。因为当obj.y在1000毫秒后运行时,this所指向的已经不是obj了,而是全局环境。

var x = 1;
var obj = {x: 2,y: function () {console.log(this.x);}
};
setTimeout(function () {obj.y();
}, 1000);

在这里插入图片描述
上面代码中,obj.y放在一个function函数之中,这使得obj.yobj的作用域执行,而不是在全局作用域内执行,所以能够显示 2
也可以用bind绑定的方法

var x = 1;
var obj = {x: 2,y: function () {console.log(this.x);}
};
setTimeout(obj.y.bind(obj), 1000)

在这里插入图片描述

`闭包函数的作用`:1.内部函数 2. 自由变量3. 闭包可以记住自由变量的状态

setInterval的一个常见用途是实现轮询。

var hash = window.location.hash;
var hashWatcher = setInterval(() => {if (window.location.hash != hash) {console.log();}
}, 1000);

在这里插入图片描述

相关内容

热门资讯

喜欢穿一身黑的男生性格(喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识,其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...
发春是什么意思(思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思,以及思春和发春是什么意思对应的知识点,希望对各位有所帮助,...
网络用语zl是什么意思(zl是... 今天给各位分享网络用语zl是什么意思的知识,其中也会对zl是啥意思是什么网络用语进行解释,如果能碰巧...
为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?,以及为什么酷狗下载的歌曲不是...
华为下载未安装的文件去哪找(华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识,其中也会对华为下载未安装的文件去哪找到进行解...
家里可以做假山养金鱼吗(假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识,其中也会对假山能放鱼缸里吗进行解释,如果能碰巧解...
四分五裂是什么生肖什么动物(四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物,以及四分五裂打一生肖是什么对应的知识点,希...
怎么往应用助手里添加应用(应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识,其中也会对应用助手怎么添加微信进行解释,如果能...
客厅放八骏马摆件可以吗(家里摆... 今天给各位分享客厅放八骏马摆件可以吗的知识,其中也会对家里摆八骏马摆件好吗进行解释,如果能碰巧解决你...
美团联名卡审核成功待激活(美团... 今天百科达人给各位分享美团联名卡审核成功待激活的知识,其中也会对美团联名卡审核未通过进行解释,如果能...