jQuery - setTimeout不起作用

Question

有我的脚本：https://jsfiddle.net/hcsofjaa/1/ 我想逐个每2000ms更改这些单元格的颜色，但似乎setTimeout函数无法正常工作。有谁知道，问题在哪里？

$("#button").click(function(){
for (var i = $("span").length; i > 0; i--) {

    setTimeout(function(){
        $("span:nth-child("+i+")").css("background-color","blue");
    }, 2000);

}

Answer 1

1） $（函数）很重要 - 在呈现后将click事件绑定到元素。

2） 2000 * i ：按钮颜色在2000的差距中发生变化

$(function(){
  $("#button").click(function(){
  $("span").each(function(i){
   var e = this;
   setTimeout(function(){
     $(e).css("background-color","blue");
   }, 2000 * i);
   });     
   });
});