jqueryの遅延実行例の紹介

遅延実行はいくつかの特殊な状況で非常に役立ちます。また、この記事には非常に簡単な例が記載されています。コードは次のとおりです。

$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide().dequeue();}) 
.delay(1500) 
.queue(function(){$(this).show();}); 
});

上記のコードは、ページが読み込まれてから 500 ミリ秒後にページ内の

ボタン を非表示にし、1500 ミリ秒後に表示します。
コードは次のとおりです:

$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide().dequeue();}) 
.delay(1500) 
.show(1); 
//.queue(function(){$(this).show();}); 
});

上記のコードは、前のコードと同じ効果があります。

コードは次のとおりです:

$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide();}) 
.delay(1500) 
.show(1); 
//.queue(function(){$(this).show();}); 
});

上記のコードも非表示になっているだけで、コード 2 と比較すると、キューの実行後にキュー内のコードが調整されていないことがわかります。 、

animation

キューも停止されます。の実行を続行するには、dequeueを呼び出して実行を続行する必要があります(ここでのキュー内のhide()はアニメーションではなく、現在ののアニメーションが停止すると問題が発生します。オブジェクト がキューに入れられます)。
コードは次のとおりです:

$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide().dequeue();}) 
.delay(1500) 
.show(); 
//.show(1); 
});

上記のコードは非表示になっているだけで、再度表示されることはありません。 ！ここで show はアニメーションの長さを指定しなくなったので、show メソッドはアニメーションではなくなりました。デキューは、アニメーション キュー内の後続のメソッドを実行させることしかできず、非アニメーション キュー内の

jquery

メソッドを実行し続けることはできないことがわかります。

以上がjqueryの遅延実行例の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。