jquery - 如何逐步改变类(class)

我有个问题。
如何逐步改变课程，每60秒一次。
是否可以连接到当前时间的功能？

这是一个示例，但不会每60秒更改一次班级

这是我的代码：

$(function() {
    function test() {
        $('#test1').switchClass('class1', 'class2', 1000);

        if($('#test1').hasClass('class1'))
        {
            $('#test1').switchClass('class2', 'class1', 1000);
        }
        else
        {
            $('#test1').switchClass('class1', 'class2', 1000);
        }
    }

    // run function
    test();

    // loop function
    setInterval(function() { test();}, 1000);

});

CSS代码：

.class1 {
    width: 400px;
    height: 200px;
    background: lightgray;
    transition: all 60s ease-out;
    -webkit-transition: all 60s ease;
    -moz-transition: all 60s ease;
    -o-transition: all 60s ease;
}

.class2 {
    width: 400px;
    height: 200px;
    background: orange;
    transition: all 60s ease-out;
    -webkit-transition: all 60s ease;
    -moz-transition: all 60s ease;
    -o-transition: all 60s ease;
}

最佳答案

我不确定这是否是您要的内容，但是toggleClass启用已禁用的类，反之亦然：

$(function() {
    function test() {
        $('#test1').toggleClass('class1 class2');
    }

    test();

    // loop function
    setInterval(test, 60000);
});

当然，您的过渡速度必须与您的setInterval间隔时间匹配。目前，您的过渡时间为一分钟，但您每秒都在上课。

更快的演示：http://jsfiddle.net/7UsHV/