删除带延迟的类()

Question

我看过其他例子,但找不到这样的:

我正在尝试做的事情:当单击".box1"元素时,让".Wrapper"元素改变背景颜色,然后在延迟(x)之后让.Wrapper恢复到其先前状态.(背景颜色是从名为'.clicked1'的类中添加的)

我现在的代码添加'.clicked1',但我无法弄清楚如何通过延迟删除类.

有帮助吗？

$(function () {
$('.box1').click(function () {
    $('.Wrapper').addClass('clicked1')
});
});

Answer 1

试试.delay()

$(function () {
    $('.box1').click(function () {
        $('.Wrapper').addClass('clicked1').stop().delay(2000).queue(function () {
            $(this).removeClass('clicked1')
        })
    });
});

演示:小提琴

或使用 setTimeout()

$(function () {
    $('.box1').click(function () {
        $('.Wrapper').addClass('clicked1');
        setTimeout(function(){
            $('.Wrapper').removeClass('clicked1');
        }, 2000)
    });
});

演示:小提琴