本文實例講述了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程序設計有所幫助。