Question

我无法确定如何通过jquery使用此处列出的值更新css属性：

trials = [
    { 
    values : ["blue", "red", "green", "blue", "yellow"],
    triangle:["triangle-1", "triangle-2","triangle-4","triangle-3","triangle-1"],
    response : [0, 0, 0, 0, 0]
    },
    { 
    values : ["red"......etc],
     etc
    etc
    }
];

css存储在myFile.css

中

我想要做的是每隔5（左右）秒，索引将递增并相应地更新不同的形状。例如，带有.triangle-1的形状将从白色更新为蓝色，然后在5秒后，类triangle-2的形状将更新为红色等等。在它到达结束时，所以索引4，它将暂停（但那不是我挣扎的地方的一部分）。

像

这样的东西

currentIndex = 0;

trials[currentIndex].colors[currentIndex]
currentIndex ++;

获取colors和className的值，但我不确定如何更新颜色。

Answer 1

实现这一目标的最简单方法就是使用jQuery选择器和css方法。

所以，像下面这样的东西可能会这样做，它不是最漂亮但它可以让你开始 -

var trials = {
    colors : ["blue", "red", "green", "blue", "yellow"],
    classNames: ["1", "2", "3", "2", "4"]
};

TimedChange(trials, 0);

function TimedChange(classColours, iteration)
{
    ChangeClassColour(classColours.className[iteration], classColours.colors[iteration]);

    setTimeout(TimedChange(classColours, iteration + 1), 1000);
}

function ChangeClassColour(className, colour)
{
    // you'd set whatever css styles you need to change
    jQuery("." + className).css({ color: colour, background-color: colour });
}

Jquery使用json数组类名更新css文件属性

1 个答案: