javascript - 使用 CSS 类在 JS 中翻转页面上的随机元素

Question

我在页面上有一些方 block ，单击时会翻转过来，就像一张卡片，这样您就可以看到背面。

JS fiddle :http://jsfiddle.net/d1botfu2/

这似乎工作正常，但是，我还希望每隔几秒自动翻转一个正方形(几乎像屏幕保护程序)然后翻转并使用与点击事件相同的动画随机翻转另一个。

我试过使用开关，但它变成了白色

$(document).ready(function () {

function change() {
    randomElements = jQuery("div.flipper").get().sort(function(){
        return Math.round(Math.random())-0.5
    }).slice(0,1)
    $(randomElements).toggle('active');
    console.log("Change");
}

setInterval(function () {
    change();
}, 1000);

});

Answer 1

检查您的代码并进行了一些修复。希望这是您正在寻找的解决方案，

$(document).ready(function () {

function change() { debugger;
    randomElements = jQuery("div.flip-container").get().sort(function(){
        return Math.round(Math.random())-0.5
    }).slice(0,1)

    $(randomElements).toggleClass('active');
    console.log("Change");
}

setInterval(function () {
    change();
}, 1000);

});

http://jsfiddle.net/d1botfu2/4/