jQuery setTimeout()の使い方 function_jquery-jsチュートリアル-php.cn

jQuery setTimeout()の使い方 function_jquery

WBOY

リリース： 2016-05-16 17:38:14

オリジナル

1205 人が閲覧しました

setTimeout()
式または関数をロードしてから指定した時間を遅らせます。
window.clearTimeout.

I と組み合わせて実行します。

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

$(document).ready(function) (){
setTimout(test(),200); 
関数 test() 
{ 
alert(1) 

}; 

は 1 回だけ実行されます。一部の友人は、

コードをコピーしてくださいを使用できると言いました。コードは次のとおりです:

setInterval ("showTime()", 5000);

function showTime()
{
 var today = new Date();
 alert("The time is: " today.toString ());
}

ただし、setInterval

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

本来の JavaScript での setTimeout の基本的な使い方は次のとおりです。 🎜>

コードをコピー

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

//元の JavaScript での setTimeout の基本的な使用法
functionfunA(){
log('funA.. .');
setTimeout('funA()', 1000)

} funA();次に、jQuery メソッドでの setTimeout のいくつかの使用例を示します。オンラインの例

コードのコピー

コードは次のとおりです。 >

 
//jQuery での使用法 
functionfunA(){ 
log('funA...'); 
setTimeout('funA()', 1000); 🎜>
jQuery(document).ready(function($){ 
//使用法 1: 外で呼び出される関数を ready で記述し、グローバル関数にします 
funA(); 

//使用法 2: パラメーターのない関数に適した、括弧や引用符を使用せずに関数名を直接記述します。 
functionfunB(){ 
log('funB...'); 
 setTimeout(funB, 1000); 
} 
funB(); 

//使用法 3: パラメータを持つ関数に適した匿名関数を呼び出すことで実行されます 
functionfunC(v){ 
log( 'funC...' v); 
setTimeout(function(){funC(v 1)}, 1000) 
} 
funC(1); : jQuery 名前空間に関数を追加することで、適用範囲が広がります 
$.extend({ 
funD:function(v){ 
log('funD...' v) ; 
 setTimeout("$.funD(" (v 1) ")",1000) 
$.funD(100)
; > 

使用法 2 と使用法 3 の違いは明らかですが、使用法 3 と使用法 4 の違いは何ですか? 次の例を見てください。 2 つの違い: 

コードをコピーします

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

jQuery(document).ready(function($){ //使用法 3: パラメータを持つ関数に適した匿名関数を呼び出すことによって実行されます。 functionfunC(v){ log('funC. .. ' v); setTimeout(function(){funC(v 1)}, 1000); }

// 使用法 4: jQuery 名前空間に関数を追加することで、さらに便利な 
$.extend({ 
funD:function(v){ 
log('funD...' v); 
setTimeout("$.funD(" (v 1) " )",1000); 
} 
}); 
}); 

jQuery(document).ready(function($){ 
//funC(1) ; //コメントを削除した後にこの文を実行すると、エラーが報告されます 
$.funD(100) //この文は正常です。2 つの違いを理解してください 