js定時器

javaScript爲我們提供了兩個定時器

setTimeout()和setInterval()。這兩個都是客戶端JavaScript的重要的全局函數,定義爲Window對象的方法。但是這兩個函數是不會對文檔頁面窗口做什麼事情的。
setTimeout()是定義的計時器是在指定的毫秒數結束以後去調用指定的函數。只調用一次。
setInterval()定義的計時器是在每過一個指定的毫秒數就會調用一次指定的函數,是一種反覆調用。所以該計時器對應的有一種關閉定時器的方法:clearInterval();

setTimeout()計時器和setInterval計時器的實例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>setTimeout計時器</title>
    </head>
    <body>
        <h1>定時器簡單調用</h1>
        <p>我是一個段落,<span id="time">3</span>秒過後我會變化內容</p>
    </body>
    <script type="text/javascript">
        /**
         * 定義一個setInterval()計時器,每隔一秒調用一次函數changeTime()
         */
        var interval = self.setInterval("changeTime()",1000);
        var time=2;
        function changeTime(){
            //setInterval()計時器的關閉
            if(time<=0){
                window.clearInterval(interval);
            }
            document.getElementById("time").innerHTML=time;
            time--;
        }
        /**
        *定義一個setTimeout()計時器,頁面加載3秒過後調用changeInnerHtml()函數
        */
        setTimeout("changeInnerHtml()",3000);
        function changeInnerHtml(){
            document.getElementsByTagName("p")[0].innerText="我是另一個段落,代替前面的段落";
        }
    </script>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章