[TimLinux] JavaScript 中迴圈執行和定時執行

標籤：eid   style   開始   int   可變   功能   log   使用   fun   

1. 兩對函數

// 迴圈執行// 在每個毫秒數之後，調用函數var timeid = window.setInterval(函數名, 毫秒數);window.clearInterval(timeid );// 定時執行：1秒=== 1000毫秒// 在毫秒數之後，調用函數var timeid = window.setTimeout(函數名, 毫秒數);window.clearTimtout(timeid);

2. 閉包與迴圈調用

今天在開發過程中，想對一個驗證失敗的迴圈列表中的元素進行背景色標紅，然後再2秒之後，取消標紅功能，只保留邊框為紅色。使用的時候遇到一個提示：“mutable variable accessible from closure”，大概意思就是在setTimeout參數1：函數名對應的函數體中，使用了迴圈變數，這個變數是可變值，也就是說，在時間到的時候，我們調用函數，就會發現所有迴圈體針對的都是最後一個迴圈變數進行的操作。範例程式碼：

for (var i=0; i < fails.length; i++) {    setTimeout(function () { console.log(fails[i]; }, 2000);}// 出錯位置：fails[i]，因為i是可變值，在迴圈完成後，setTimeout含沒有調用，
// 當開始調用的時候，i的值已經為比如：3, 這個時候4個setTimout函數操作的
// 就是同一個fails[3]元素了。

3. 如果解決

搜尋了一圈，還沒有找到解決辦法，先記錄在這裡，等找到解決辦法了，再回來完善吧。

[TimLinux] JavaScript 中迴圈執行和定時執行