jQuery setTimeout()을 사용하는 방법 function

jQuery setTimeout()을 사용하는 방법 function_jquery

WBOY

풀어 주다： 2016-05-16 17:38:14

원래의

1204명이 탐색했습니다.

setTimeout()
표현식이나 함수 실행을 위해 지정된 시간을 지연합니다.
window.clearTimeout과 함께 사용됩니다.

코드를 복사합니다.

코드는 다음과 같습니다.

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

 

은 한 번만 실행됩니다. 어떤 친구들은

코드 복사를 사용할 수 있다고 말했습니다. 코드는 다음과 같습니다:

setInterval ("showTime()", 5000);
function showTime()
{
 var today = new Date();
 Alert("시간은: " today.toString ());
}

그러나 setInterval과 동일하게 다음 메소드를 호출할 수도 있습니다

코드 복사 코드는 다음과 같습니다.

원본 자바스크립트의 setTimeout 기본 사용법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

//원래 자바스크립트에서 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) 

//사용법 4 : jQuery 네임스페이스에 함수를 추가함으로써 적용 범위가 더 넓어졌습니다. 
$.extend({ 
funD:function(v){ 
log('funD...' v) ; 
 setTimeout("(v 1) ")",1000) 
} 
}) 
$.funD(100) 
}); > 

용법 2와 용법 3의 차이는 분명한데 용법 3과 용례 4의 차이점은 무엇입니까? 용법 3보다 용례 4가 더 널리 적용되는 이유는 무엇입니까? 둘의 차이점:

코드 복사 코드는 다음과 같습니다.

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); //이 문장은 정상이므로 두 문장의 차이점을 이해하세요 