溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
1、其他函數
obj = setInterval('函數名稱', 毫秒數); clearInterval(obj); --->這就相當于一個定時器；
obj = setTimeout('函數名稱', 毫秒數); clearTimeout(obj);
2、滾動條
!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>頁面一</title>
</head>
<body>
<hr/>
<div style = 'width:500px;background-color:#ddd'>
<div id = 'process' style = 'width:10%;height:10px;background-color:green;'></div>
</div>
<script type = 'text/javascript'>
/* window.prb = 10;
function Foo(){
var id = document.getElementById('process');
window.prb += 10;
if(window.prb > 100){
clearInterval(window.interval);
}else{
id.style.width = window.prb + '%';
}
}
window.interval = setInterval('Foo()', 500); //設置定時器
*/
window.prb = 10;
function Foo(){
var id = document.getElementById('process');
window.prb += 10;
if(window.prb > 100){
clearTimeout(window.interval);
}else{
id.style.width = window.prb + '%';
}
}
window.interval = setTimeout('Foo()', 500);
</script>
</body>
</html>運行結果
3、×××燈
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>歡迎上級領導來校視察 </title>
</head>
<body>
<input type = 'button' value = '關掉' onclick = 'stop();'/>
<script type = 'text/javascript'>
function Go(){
var content = document.title; //DOM獲得標簽的內容
var firstChar = content.charAt(0);
var sub = content.substring(1, content.length);
document.title = sub + firstChar;
}
interval = setInterval('Go()', 200);
function stop(){
clearTimeout(interval); //停止當前的程序運行。
}
</script>
</body>
</html>運行結果
4、總結
(1)、num = setInterval('事件函數'， 毫秒)，這個函數(setInterval)就是一個定時器，每隔多長時間執行一次這個函數；
clearInterval(num)，就是終止執行定時器函數；
(2)、num = setTimeout('事件函數'， 毫秒)，這個函數只執行一次，就不在執行；
clearTimeout(num)，終止定時器的執行；
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
