javascript - 不太确定几行代码

时间:2016-01-21 18:28:09

标签: javascript jquery

我刚刚开始编码并创建了一个成功的程序,但是我必须研究一小段代码才能使我的其余代码工作但我不知道代码的含义是什么。有人可以帮助我。谢谢。

这是我不理解的块:

var changecol = function() {
  $.each(colorinfo, function(grid, colarray) {
    $('#' + grid).css('background-color', colarray[count % colarray.length]);
  });
  count++;
};
setInterval(changecol, 1000);

2 个答案:

答案 0 :(得分:0)

组织一下你的代码,最后有一个额外的});,删除它后会如下所示:

var changecol = function() {
  $.each(colorinfo, function(grid, colarray) {
    $('#' + grid).css('background-color', colarray[count % colarray.length]);
  });  
  count++; 
}; 

setInterval(changecol, 1000); 

显然,每1秒更改一组元素的背景颜色,这些元素存储在colorinfo

答案 1 :(得分:0)

1秒后,运行 changecol 函数,该函数循环遍历 colorinfo 变量(必须是jquery返回的对象)。

对于 colorinfo 中的每个项目,获取其(网格)及其(colarray)。

然后选择一个HTML元素,其 id 等于 grid 变量,并使用名为 colarray 的数组设置其CSS background-color属性在由count % colarray.length计算的指数处阻止超过数组长度(一旦mod(%)返回其结果除法)

然后将1添加到计数 var