一 .基本用法
通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。
setTimeout基本用法:
setTimeout("javascript语句",毫秒) 注意这里JavaScript语句加了引号
setTimeout(函数,毫秒)
eg。 setTimeout("a()",1000)
setTimeout(a,1000)
二. 实现计时器(无穷循环)
要创建一个运行于无穷循环中的计时器,我们需要编写一个函数来调用其自身。在下面的例子中,当按钮被点击后,输入域便从 0 开始计数。
var c=0;
vat t;
function timeCount(){
document.getElementById("div").value=c;
c=c+1;
t=setTimeout("timeCount()",1000);
}
三.setTimeout的异步执行功能
setTimeout是异步的,不会阻塞浏览器的加载
同步执行:
f1();
f2();
异步执行:
function f1(callback){
for(var i=0;i<10000;i++)
{
console.log(i) //f1代码在setTiomeout外面
}
setTimeout(function(){
callback();
},2000)
}
function f2(){
alert("f2")
}
f1(f2);
先执行for循环,两秒后执行弹窗
f1执行的过程中,也不会阻止f3的执行。