setinterval()與clearInterval()JS函數(shù)的調(diào)用方法

2019-11-20 13:20:31

字體：大中小

供稿：網(wǎng)友

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

<!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("調(diào)用f1");  
        }  
        function f2() {  
            alert("調(diào)用f2");  
        }  
  
        function bodymousedown() {  
            alert("你好");  
            alert("我好");  
  
        }  
        function com() {  
            if (confirm("是否進入")) {  
                alert("進入了");  
            }  
            else {  
                alert("退出");  
            }  
        }  
        var interval;  
        function getinterval() {  
            if (confirm("確定要執(zhí)行嗎？")) {  
                  
                interval = setInterval("alert('每隔2000毫秒執(zhí)行一次')", 2000);  
            }  
            else {  
                alert("不執(zhí)行");  
            }  
        }  
        function setTimeOut1() {  
            setTimeout("alert('3000毫秒后執(zhí)行這段代碼')", 3000);  
        }  
  
    </script>  
</head>  
<!--" -->   
<!--<body onmousedown ="bodymousedown()">-->  
<body>  
<!--ondblclick是雙擊事件,onclick是單擊事件-->  
<input type="button" onclick="document.ondblclick=f1" value="關(guān)聯(lián)事件1" /> 
<input type="button" onclick="document.ondblclick=f2" value="關(guān)聯(lián)事件2" /> 
  
<input type="button" ondblclick="bodymousedown()" value="調(diào)用函數(shù)" />  
<input type="button" onclick="com()" value="confirm的用法" />  
<input type="button" onclick="getinterval()" value="setInterval的用法，每隔一段時間執(zhí)行指定的代碼" />  
  
<!--clearInterval取消setInterval的定時執(zhí)行，相當于Timer中的Enabled=False-->  
<input type="button" onclick="clearInterval(interval)" value="取消執(zhí)行setinterval代碼" />  
  
<input type="button" onclick="setTimeOut1()" value="setTimeOut，某個時間執(zhí)行代碼" />  
  
</body>  
</html>

setInterval() 方法可按照指定的周期（以毫秒計）來調(diào)用函數(shù)或計算表達式。
setInterval() 方法會不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。
語法

復制代碼代碼如下:

setInterval(code,millisec[,"lang"])

參數(shù)	描述
code	必需。要調(diào)用的函數(shù)或要執(zhí)行的代碼串。
millisec	必須。周期性執(zhí)行或調(diào)用 code 之間的時間間隔，以毫秒計。

setTimeout只運行一次，也就是說設(shè)定的時間到后就觸發(fā)運行指定代碼，運行完后即結(jié)束。
setinterval是循環(huán)運行的，即每到設(shè)定時間間隔就觸發(fā)指定代碼。這是真正的定時器。

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

上一篇：JS交換變量的方法

下一篇：js實現(xiàn)DOM走馬燈特效的方法