DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> setinterval()與clearInterval()JS函數的調用方法
setinterval()與clearInterval()JS函數的調用方法
編輯:關於JavaScript     

本文實例講述了setinterval()與clearInterval()JS函數的調用方法。分享給大家供大家參考。具體如下:

復制代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>setinterval()與clearInterval()用法</title> 
    <script type="text/javascript"> 
        function f1() { 
            alert("調用f1"); 
        } 
        function f2() { 
            alert("調用f2"); 
        } 
 
        function bodymousedown() { 
            alert("你好"); 
            alert("我好"); 
 
        } 
        function com() { 
            if (confirm("是否進入")) { 
                alert("進入了"); 
            } 
            else { 
                alert("退出"); 
            } 
        } 
        var interval; 
        function getinterval() { 
            if (confirm("確定要執行嗎?")) { 
                 
                interval = setInterval("alert('每隔2000毫秒執行一次')", 2000); 
            } 
            else { 
                alert("不執行"); 
            } 
        } 
        function setTimeOut1() { 
            setTimeout("alert('3000毫秒後執行這段代碼')", 3000); 
        } 
 
    </script> 
</head> 
<!--" -->  
<!--<body onmousedown ="bodymousedown()">--> 
<body> 
<!--ondblclick是雙擊事件,onclick是單擊事件--> 
<input type="button" onclick="document.ondblclick=f1" value="關聯事件1" />
<input type="button" onclick="document.ondblclick=f2" value="關聯事件2" />
 
<input type="button" ondblclick="bodymousedown()" value="調用函數" /> 
<input type="button" onclick="com()" value="confirm的用法" /> 
<input type="button" onclick="getinterval()" value="setInterval的用法,每隔一段時間執行指定的代碼" /> 
 
<!--clearInterval取消setInterval的定時執行,相當於Timer中的Enabled=False--> 
<input type="button" onclick="clearInterval(interval)" value="取消執行setinterval代碼" /> 
 
<input type="button" onclick="setTimeOut1()" value="setTimeOut,某個時間執行代碼" /> 
 
</body> 
</html>

setInterval() 方法可按照指定的周期(以毫秒計)來調用函數或計算表達式。
setInterval() 方法會不停地調用函數,直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數。
語法
復制代碼 代碼如下:setInterval(code,millisec[,"lang"])
參數 描述 code 必需。要調用的函數或要執行的代碼串。 millisec 必須。周期性執行或調用 code 之間的時間間隔,以毫秒計。
setTimeout只運行一次,也就是說設定的時間到後就觸發運行指定代碼,運行完後即結束。
setinterval是循環運行的,即每到設定時間間隔就觸發指定代碼。這是真正的定時器。

希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved