[TimLinux] JavaScript 中循环执行和定时执行

Posted 2020-12-03 TimLinux

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. 如果解决

搜索了一圈，还没有找到解决办法，先记录在这里，等找到解决办法了，再回来完善吧。