Javascript 如何不将类一次添加到元素?

Javascript 如何不将类一次添加到元素?,javascript,jquery,Javascript,Jquery,如何不立即将类添加到某个元素?我正在寻找一种方法,将类添加到元素中,但要有一定的延迟(一个接一个),而不是一次将类应用到所有元素 $(“按钮”)。单击(函数(){ $(“p”)。每个(函数(){ $(this.addClass('blue'); }); }); .blue{ 颜色:蓝色; } 添加 应用程序 应用程序 应用程序 应用程序 应用程序 应用程序 应用程序 应用程序 App如评论中所述,您可以使用setTimeout: $("button").click(function(){

如何不立即将类添加到某个元素?我正在寻找一种方法,将类添加到元素中,但要有一定的延迟(一个接一个),而不是一次将类应用到所有元素

$(“按钮”)。单击(函数(){
$(“p”)。每个(函数(){
$(this.addClass('blue');
});
});
.blue{
颜色:蓝色;
}

添加
应用程序

应用程序

应用程序

应用程序

应用程序

应用程序

应用程序

应用程序


App

如评论中所述,您可以使用setTimeout:

$("button").click(function(){
    $("p").each(function(index){
      const element = this;
      // Delay in ms
      const delay = index * 1000;

      setTimeout(function() {
        $(element).addClass('blue');
      }, delay);

    });
});

试试这个片段。它只在每个元素后中断循环

$(“按钮”)。单击(功能(e){
$(“p”)。不是('.blue')。每个(函数(){
$(this.addClass('blue');
返回false;
});
});
.blue{
颜色:蓝色;
}

添加
应用程序

应用程序

应用程序

应用程序

应用程序

应用程序

应用程序

应用程序


应用程序

因此,您可以使用或。您尝试过哪种方法?可能重复的方法您可以尝试使用closure和setInterval进行延迟。