javascript之時setTimeout()和setInterva

字號:


    javascript中時間暫停,或者定義幾分鐘秒鐘后執(zhí)行,或者每幾秒鐘重復(fù)運行,有著固定的方法定義setTimeout()和setInterval().
    設(shè)置暫停,然后執(zhí)行方法setTimeout("參數(shù)1",參數(shù)2);
    首先看例子
    <script language="javascript">
    function show_info()
    {
    alert("setTimeout方法測試!");
    }
    setTimeout(show_inof,1000);
    </script>
    運行上面的代碼,頁面打開1秒后,彈出"setTimeout方法測試!".里面的兩個參數(shù),第一個表示要運行的函數(shù)(方法)名稱,第二個是等待時間(單位是毫秒).
    上面就是執(zhí)行,當(dāng)運行到setTimeout后,等待1秒,即可調(diào)用show_info函數(shù),彈出"setTimeout方法測試!";
    在用setTimeout()時,可以給創(chuàng)建對應(yīng)的一個名稱(ID),再次舉例.
    <script language="javascript">
    function show_info()
    {
    alert("setTimeout方法測試!");
    }
    var showinfo = setTimeout(show_inof,1000);
    clearTimeout(showinfo);
    </script>
    看到 上面的例子,創(chuàng)建了一個showinfo,繼而引出了下面的函數(shù)clearTimeout(setTimeout()名稱(ID));它是用來清除setTimeout的.
    運行上面的例子,當(dāng)運行到var showinfo = setTimeout(show_inof,1000);時,本來等待1秒鐘后彈出窗口,但是繼續(xù)執(zhí)行,因為繼續(xù)執(zhí)行到clearTimeout(showinfo);的時間小于1秒,還沒有等到彈出窗口時,setTimeout(show_inof,1000);就已經(jīng)失效,所以不再彈出窗口.
    與setTimeout()類似,setInterval()方法是創(chuàng)建每隔某個時間反復(fù)運行的方法.
    舉例
    <script language="javascript">
    function show_info()
    {
    alert("setInterval方法測試!");
    }
    setInterval(show_inof,1000);
    </script>
    上面的代碼執(zhí)行后,每1秒都會彈出"setInterval方法測試!"的對話框.跟setTimeout一樣也存在清除setInterval運行的方法clearInterval(方法id或者名稱).
    <script language="javascript">
    function show_info()
    {
    alert("setInterval方法測試!");
     clearInterval(showinfo);
    }
     var showinfo = setInterval(show_inof,1000);
    </script>
    上面的代碼執(zhí)行一次就不再執(zhí)行了,因為 clearInterval(showinfo);清除了重復(fù)彈出窗口.