jqueryの遅延実行例の紹介-jsチュートリアル-php.cn

jqueryの遅延実行例の紹介

巴扎黑

リリース： 2017-06-30 11:44:47

オリジナル

1214 人が閲覧しました

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

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

ログイン後にコピー

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

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

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

ログイン後にコピー

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

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

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

ログイン後にコピー

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

animation

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

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

ログイン後にコピー

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

jquery

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

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