溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
JavaScript 中setTimeout()方法的用法有哪些？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。
setTimeout() 方法用于在指定的毫秒數后調用函數或計算表達式(以毫秒為單位)
舉個簡單的例子
加入下列代碼，在打開的頁面靜候三秒后，彈出警告框“你好”
<script>
setTimeout("alert('你好')", 3000)
</script>效果：
再復雜一些的function定義
<script>
var myvar;
function myFunction() {
myVar = setTimeout(alertFunc, 3000);
}
function alertFunc() {
alert("Hello!");
}自動每秒加 1 的 function
使用 setTimeout( ) 令文字框的數值每秒就加 1, 當然你也可以設定其他遞增的速度, 例如每五秒就加 5, 或每五秒就加 1。
<script>
x = 0
function countSecond( )
{ x = x+1
document.fm.displayBox.value=x
setTimeout("countSecond()", 1000)
}
</script>
<body bgcolor=lightcyan text=red> <p> </br>
<form name=fm>
<input type="text" name="displayBox"value="0" size=4 >
</form>
<script>
countSecond( )
</script>
</body>
用上述的方法設定時間, setTimeout( ) 雖然設定了是一秒, 但瀏覽器還有另外兩項功能要執行, 所以一個循環的時間是稍多于一秒, 例如一分鐘可能只有58 個循環。
延時關閉網頁
按下按鈕，Window open()打開一個網頁，執行命令，三秒鐘后自動關閉
<button onclick="openWin()">打開 "窗口"</button>
<script>
function openWin() {
var myWindow = window.open("", "", "width=200, height=100");
myWindow.document.write("這是一個新窗口");
setTimeout(function(){ myWindow.close() }, 3000);
}
</script>取消setTimeout()
當一個 setTimeout( ) 開始了循環的工作, 我們要使它停下來, 可使用 clearTimeout( )
<button onclick="myFunction()">點我彈出</button>
<button onclick="myStopFunction()">阻止彈出</button>
<script>
var myVar;
function myFunction() {
myVar = setTimeout(function(){ alert("Hello") }, 2000);
}
function myStopFunction() {
clearTimeout(myVar);
}
</script>小結
setTimeout()，clearTimeout() , setInterval() 可以在寫代碼過程中靈活運用其特點達到需要完成的目的
看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
