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);
}
//通過函數名調用方式先函數運行起來