setTimeout이 3 초 간격 이후보다 반복적으로 호출 됨

Question

함수가 3 초 후에 반복적으로 호출되는 이유는 무엇입니까?

<button onclick="myFunction()">Try it</button> 

<script> 
    function myFunction() 
    { 
     alert("hello"); 
     setTimeout(myFunction(),3000); 
     // setTimeout(function(){ alert("Hello") }, 3000); 
    } 
</script> 

Answer 1

즉시 myFunction를 호출하고 당신이 그것을 호출하는 대신 기능을 통과되도록 ()를 제거 setTimeout

에 반환 값 (undefined)를 전달합니다.

변경 :

setTimeout(myFunction(),3000); 

사람 : myFunction 후이 코드

setTimeout(myFunction(),3000); 

()에서

setTimeout(myFunction,3000); 

Answer 2

봐는 반환 어떤 myFunction이 저장 전화, 말하고있다. 3 초 후 전화 해.

당신이해야 할 일은 함수를 호출하지 말고 그것에 대한 참조를 저장하는 것입니다. 따라서 ()을 삭제해야합니다.

코드는 당신이 그것을 변경 한 후, 당신이 후 매 3 초마다 확인을 클릭 경고 및 경고하지 홍수 당신이보고있는 것처럼를 얻을 것이다이

setTimeout(myFunction,3000); 

같이 할 필요가있다.

Answer 3

setTimeout을 사용하면 콜백을 호출하지 않고 콜백 함수를 제공해야합니다. XD 대신 :

setTimeout(myFunction(), 3000); 

당신은 작성해야합니다 :

setTimeout(myfunction, 3000); 

마지막에()를 추가하면 함수를 호출합니다 것을 기억하십시오. 귀하의 예제에서, 당신은 무한 루프를하고 있습니다.