Question

我想添加一个类，并在500毫秒后删除它。它不适用于delay（）。举一个简单的例子，我在这里用背景色做：

的jQuery

$('.box').click(function(){

 $('.box').addClass("bg1").delay(500).removeClass("bg1");
});

Answer 1

您可以使用timeout。

在您的情况下：jsfiddle

$('.box').on('click', function(){

    var self = $(this);

    self.addClass("bg1");

    setTimeout(function(){
        self.removeClass("bg1");
    }, 500);

});

Answer 2

使用超时或使用延迟，您需要将其放入队列：

DEMO

$('.box').click(function () {
    $('.box').addClass("bg1").dequeue().delay(500).queue(function () {
        $(this).removeClass("bg1");
    });
});

Answer 3

jquery中的超时功能会给你更好的结果..

即

$('.box').click(function(){
        $('.box').addClass("bg1");
        setTimeout(function(){
            $('.box').removeClass("bg1");
        },500);
    });

Answer 4

使用：

setTimeout(function() {
    // Do stuff
}, 500);

Answer 5

$('.box').click(function(){
 $('.box').addClass("bg1");
 setTimeout(function() {
    $('.box').removeClass("bg1")
 }, 500);
});

可以这样做

Answer 6

试试这个：

$('.box').click(function(){
    $('.box').addClass("bg1");
    setTimeout("$('.box').removeClass('bg1')", 500);
});

jQuery - 添加一个类并在500ms后删除它

6 个答案: