时间间隔jQuery添加/移除类

Time between jQuery add/remove class

本文关键字:添加 jQuery 时间      更新时间:2023-09-26

我如何设置一个定时器,在这之间10秒?

addClass('loading').removeClass('loading')

完整代码

$("#loadmore").click(function() {
    cap += 10;
}).bind('click', loadfeed).addClass('loading').removeClass('loading');

谢谢。

使用setTimeout。我也不知道为什么你要以两种不同的方式点击两次……经过这两处修改,它看起来就像这样:

$("#loadmore").click(function() {
    cap += 10;
    loadfeed();
    $(this).addClass("loading");
    that = this
    setTimeout(function() {
        $(that).removeClass('loading');
    }, 10000)
});

您可以使用jQUery的delay()方法并创建一个新的队列项来执行删除类的动作。

$("#loadmore").click(function () {
    cap += 10;
    loadfeed();
}).addClass("loading").delay(10000).queue(function(){
    $(this).removeClass("loading");
    $(this).dequeue();
});

如果你不喜欢这个,@jcmoney提供的setTimeout()解决方案非常棒。

$(document).ready(function() {                      
  $('.letsGo').click(function() { 
    $('.footerCta').addClass('ball');  
    setTimeout(function() {
        $('.footerCta').removeClass('ball');
    }, 1000)
  });
});