HTML中setTimeout()和setInterval() 方法
原創遊園拾憶 ✉ 發佈於2018-11-20 16:40:00 閱讀數 370 收藏
展開
setTimeout()
setTimeout()方法用於在指定的毫秒數後調用函數或計算表達式。
語法: setTimeout(code,millisec)
code:要調用的函數後要執行的 JavaScript 代碼串。
millisec:在執行代碼前需等待的毫秒數。
setTimeout()只執行code 一次。如果要多次調用,請使用setInterval()或者讓code自身再次調用setTimeout()。
示例:
<script type="text/javascript">
//按鈕點擊後 禁用5S
function clock(){
var btn = $('#addbtn');
btn.attr('disabled', 'disabled');
var txt = btn.text();
var count = 5;
var func = function() {
if (count == 0) {
btn.removeAttr('disabled');
btn.text(txt);
} else {
btn.text(txt + ' (' + count + ')');
count--;
setTimeout(func, 1000);
}
};
setTimeout(func, 1000);
}
</script>
setInterval()
setInterval()方法會不停地調用函數(週期,以毫秒計),直到clearInterval()被調用或窗口被關閉。
由setInterval()返回的 ID 值可用作clearInterval()方法的參數。
語法:setInterval(code,millisec)
code:要調用的函數或要執行的代碼串。
millisec:週期性執行或調用code之間的時間間隔,以毫秒計。
示例:
<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
{
//funcion
}
</script>
</form>
<button onclick="int=window.clearInterval(int)">Stop</button>
</body>
</html>