javascript的定时器

定时器

Window.setInterval(“函数”，“延时”)
Window.setTimeout(“函数”，“延时”)
Window.clearInterval(“定时器变量名”)
Window.clearTimeout(“定时器变量名”)

在js中有两个函数可以实现定时器的功能，即在某段时间后去执行指定的事件或方法。 这两个函数分别是window.setInterval()和window.setTimeout()，都可以跟两个参数，第一个参数为要执行的函数，第二个是延时，单位是毫秒。
window.clearInterval()和window.clearTimeout()可以关闭到定时器。

Window.setInterval()使用：

function  run(){
    console.log('这段内容每隔两秒种就会出现一次')；
}

//每隔2000毫秒就会调用run函数一次

window.setInterval("run()",2000);

如果不对其进行停止，run函数会每隔2秒执行一次，永不停歇

例子1： 在控制台中打印所有正整数，每隔1秒数字累加1

 var num=1
function  count(){
    console.log(num);
    num++;
}
window.setInterval("count()",1000);

例子2： 当打印到10的时候，关闭定时器

关闭定时器用到的函数是window.clearInterval(定时器变量名); 定时器变量名是在设置定时器的时候指定的。

 var num=1
function  count(){
   if(nuum>=10){
     //利用定时器的名字关掉定时器
    window.clearInterval(clock);
}
console.log(num);
    num++;
}

//为定时器起名为 clock

var clock=window.setInterval("count()",1000);

Window.setTimeout定时器

setTimeout定时器只会在指定的时间上调用函数一次

function  run(){
    console.log('只出现一次')；
}
window.setTimeout("run()",1000);

如果想利用setTimeout反复调用需将其放到函数内部
function run(){
console.log(‘这样可出现多次’)；
//只要进到这个函数，定时器就会执行一次，定时器执行一次就会调用执行一次，这样反复调用

   window.setTimeout("run()",1000);
}
//通过函数名调用方式先函数运行起来