javascript - JQuery 使用计时器在 for 循环中更改 CSS

Question

我的问题是:通过 jQuery 和计时器一起使用影响 CSS 的 for 循环的最智能方法是什么？

这是一个 fiddle :

http://jsfiddle.net/j6jLh2dn/

下面是我尝试实现一个计时器，它定义了一定的时间，您可以按回车键，也可以不按回车键，并根据情况将一个值推送到数组。

setTimeout(function(){
            if(e.which == 13){
                choice = 1;
            } else {
                choice = 0;
            }

            if(nBack == randomNumber){
                if(choice == 1){
                    correct.push(0);
                } else if(choice == 0){
                    incorrect.push(0);
                }
            } else {
                if(choice == 0){
                    correct.push(0);
                } else if(choice == 1){
                    incorrect.push(0);
                }
            }

        }, 1000 * i * y)();

这里是应该选择某个 css id 的部分，然后根据选择的随机数对其进行编辑:

randomNumber = Math.floor( Math.random() * (m+1) );

            while(randomNumber === history[i-1]){
                randomNumber = Math.floor( Math.random() * (m+1) );
            }

            $("." + randomNumber).css({ "background-color": "#ffe"});

            history[i] = randomNumber;

我已经让它在没有计时器的情况下运行，只有警报，我也让计时器工作，但是在尝试将两者集成并让它影响 CSS 时，它不会工作。

Answer 1

尝试替换代码

 $("." + randomNumber).css({ "background-color": "#ffe"});

与

  $("." + randomNumber).css({ "backgroundColor": "#ffe"});

jQuery 在通过对象输入 css 属性时不接受“-”