本文實例講述了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"])
希望本文所述對大家的javascript程序設計有所幫助。