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

JQuery changing CSS in for loop with timer

本文关键字：CSS 循环 for 计时器 JQuery      更新时间：2023-09-26

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

这是一个小提琴：

http://jsfiddle.net/j6jLh2dn/

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

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 时，它将无法工作。

尝试替换代码 

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

跟 

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

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

相关文章：