第一种方式:循环中点击
for(var i=0;i<list.length;i++){
list[i].index = i;
$(list[i]).click(function(){
color = "#" + Math.random().toString(16).substr(2,6);
$(list[this.index]).css("background-color",color);
});
}
第二种方式:点击中循环
方式1、函数调用
var btn = document.getElementById("btnActiver");
$(btn).click(function(){
var sum = 0;
testEven(sum,list)
});
//函数
function testEven(sum,list){
color = "#" + Math.random().toString(16).substr(2,6);
if(sum < list.length){
$(list[sum]).css("background-color",color);
testEven(++sum,list);
}
}
方式2、计时器
//1、调用函数
timeEven(传递初始下标)
var time;
//2、计时器执行函数
function timeEven(下标参数){
time = setTimeout(function() {
if(判断执行条件){
//执行内容
timeEven(下标回传);
}
}, 50);
}
①、最终效果1:点击指定列表
②、最终效果2:点击循环按钮
?、最终效果3:定时器的传递