jquery - jQueryがonloadに追加した後、追加されたクラスを削除します

Question

次の jQuery コードは、ページの読み込み時にCSS クラス.loadを追加します。.spinner-wrapperこれは私が望むものの半分を達成します。

2 秒後に、追加されたクラスを jQuery から削除してもらいたいと思い.spinner-wrapperます。コードはできるだけクリーンで簡潔にする必要があります。

クラスのオンロードを追加する現在のコード

$(function() {
  $('.spinner-wrapper').addClass('load');
});

Answer 1

追加したいのが単なる時間遅延である場合は、以下のようなものを試すことができます。

$(function() {
  $('.spinner-wrapper').addClass('load');
  setTimeout(function(){
     $('.spinner-wrapper').removeClass('load');
  },2000);
});

Answer 2

JQuery アニメーションを使用している場合:

$('.spinner-wrapper').delay(2000).removeClass('load');

そうしないと：

setTimeout(function(){
      $('.spinner-wrapper').removeClass('load');
},2000);

Answer 3

delay()これはエフェクト キューでのみ機能し、その一部ではないため使用できませんremoveClass()。2つの例のこのjsfiddleを参照してください...

http://jsfiddle.net/5b5Gm/

このように使用する必要がありますsetTimeout()...

$(function() {
    $('.spinner-wrapper').addClass('load');
    setTimeout(function() {
        $('.spinner-wrapper').removeClass('load');
    }, 2000);
});