Programing

jQuery에서 5 초마다 함수를 호출하는 가장 쉬운 방법은 무엇입니까?

lottogame 2020. 2. 13. 00:24
반응형

jQuery에서 5 초마다 함수를 호출하는 가장 쉬운 방법은 무엇입니까? [복제]


이 질문에는 이미 답변이 있습니다.

JQuery, 5 초마다 함수를 호출하는 방법

슬라이드 쇼에서 이미지 변경을 자동화하는 방법을 찾고 있습니다.

가능한 경우 다른 타사 플러그인을 설치하지 않고 싶습니다.


이것을 위해 jquery가 필요하지 않습니다. 일반 자바 스크립트에서 다음이 작동합니다!

window.setInterval(function(){
  /// call your function here
}, 5000);

루프를 멈추려면 사용할 수 있습니다

clearInterval() 

setInterval을 사용하여 페이지에 간격을 등록 할 수 있습니다.

setInterval(function(){ 
    //code goes here that will be run every 5 seconds.    
}, 5000);

첫 번째 답변에 대한 작은 팁. 함수가 이미 정의되어 있으면 함수를 참조하되 호출하지 마십시오 !!! 따라서 함수 이름 뒤에 괄호를 넣지 마십시오. 처럼:

my_function(){};
setInterval(my_function,10000);

위에서 언급 한 함수는 이전 호출에서 완료되었는지 여부에 관계없이 실행이 완료되면 x 초마다 실행됩니다.

// IIFE
(function runForever(){
  // Do something here
  setTimeout(runForever, 5000)
})()

// Regular function with arguments
function someFunction(file, directory){
  // Do something here
  setTimeout(someFunction, 5000, file, directory)
  // YES, setTimeout passes any extra args to
  // function being called
}

setInterval ()을 구독하고 clearInterval ()을 사용하여 영구 루프를 중지하는 좋은 예입니다.

function myTimer() {
    console.log(' each 1 second...');
}

var myVar = setInterval(myTimer, 1000);

루프를 중지하려면이 라인을 호출하십시오.

 clearInterval(myVar);

둘 다 setIntervalsetTimeout(당신을 위해 작동 할 수 @Doug Neiner하고 @ 존 Boker가 쓴 모두에 지금 포인트 setInterval). 가장 적합한 스위트를 확인하고 각 스위트를 중지하는 방법에 대한 자세한
내용은 여기참조 하십시오 .


window.setInterval을 사용할 수 있고 시간은 밀리 초 단위로 정의해야합니다. 아래의 경우 매 1 초 (1000 밀리 초)마다 함수가 호출됩니다.

<script>
  var time = 3670;
window.setInterval(function(){

  // Time calculations for days, hours, minutes and seconds
    var h = Math.floor(time / 3600);
    var m = Math.floor(time % 3600 / 60);
    var s = Math.floor(time % 3600 % 60);

  // Display the result in the element with id="demo"
  document.getElementById("demo").innerHTML =  h + "h "
  + m + "m " + s + "s ";

  // If the count down is finished, write some text 
  if (time < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "EXPIRED";
  }

  time--;
}, 1000);


</script>

참고 URL : https://stackoverflow.com/questions/2170923/whats-the-easiest-way-to-call-a-function-every-5-seconds-in-jquery



반응형