javascript - 给定时间后反转jQuery效果

一个快速的问题！

我使用下面的代码，当单击某个链接时，它执行“翻转”卡片效果来翻转特定的div元素。一段时间后是否可以使“翻转”效果反转？就像我再次用鼠标单击一样，但是定时。我现在可以通过单击来做到这一点，但是我想定时。

$(document).ready(function () {
    $('.flip_card').click(function () {
        var x = $(this).attr("id");
        var i = x.substring(10);
        $('.flip' + i + '').find('.card').toggleClass('flipped');
    });
});

我尝试使用jquery函数delay（）或settimeout，但是我只能实现第一个“翻转”效果被延迟并在一定时间后发生。那不是我想要的...

我希望我的问题足够深刻。

非常感谢！

最佳答案

尝试这个。

$(document).ready(function () {
    $('.flip_card').click(function () {
        var x = $(this).attr("id");
        var i = x.substring(10);
        var ele = '.flip' + i + '';
        $(ele).find('.card').toggleClass('flipped');
        setTimeout(function(){
            $(ele).find('.card').toggleClass('flipped');
        }, 1000);
    });
});

关于javascript - 给定时间后反转jQuery效果，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30694716/