jQuery在一定时间内添加了类

Question

如何将css类添加到元素中只需10秒钟？

Answer 1

一个很好的可重用方式是这个小jQuery插件：

(function($){

    $.fn.extend({ 

        addTemporaryClass: function(className, duration) {
            var elements = this;
            setTimeout(function() {
                elements.removeClass(className);
            }, duration);

            return this.each(function() {
                $(this).addClass(className);
            });
        }
    });

})(jQuery);

像这样使用：

$("#myElement").addTemporaryClass("myClass", 10000);

Answer 2

您可以添加该类，然后在10,000毫秒后调用setTimeout(function() { ... }, 10000)将其删除。

Answer 3

在元素上设置类后直接使用setTimeout(function,10000);以从该元素中删除该类。

Answer 4

您可以添加类，并在没有 setTimeout（）的情况下将其删除。

$(".count-box", element).addClass("red");
$(".count-box", element).removeClass("red", 10000);