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

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

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

猜你喜欢

转载自www.cnblogs.com/timlinux/p/9291295.html