자바 스크립트가 간격 기능 비동기

Question

을 중지 나는 내 웹 페이지에서 다음 스크립트가 : 그것은 비동기 실행되기 때문에

tid = setInterval(checkBounty, 1000); 

function checkBounty(){ 
    var elapsed = (Date.now()/1000) - parseInt($(".bounty").data('created')) ; 
    $(".remaining-time").html(valid - elapsed); //update remaining time until bounty expires 
    if (elapsed> valid){ 
     $.POST('', {id: id}, function(){ 
      console.log ('bounty cancelled'); 
      clearInterval(tid); 
     }); 


     //do an ajax post to cancel the bounty; 
    } 
} 

이 아약스 포스트를 여러 번 트리거합니다. 어떻게 피할 수 있습니까?

편집이

내가 사용하던 코드로 질문을 업데이트는 위해 clearInterval을 추가하는 것을 잊었다. 이제는 1 초도 채 안되어 응답하지 않는 아약스라는 것을 깨닫고 다시 호출되었습니다.

Answer 1

비동기와 아무 관련이 없습니다.

만 그것은 내가 당신이 원하는 것을 생각하는 질문을 다시 읽기 후 한 번

편집을 실행하려는 경우 (이전뿐만 아니라 대답으로)이이 대신하여 setInterval의 setTimeout를 사용해야합니다

var intervalid = setInterval(checkBounty, 1000); // capture the id of the interval 

function checkBounty(){ 
    var elapsed = (Date.now()/1000) - parseInt($(".bounty").data('created')) ; 
    $(".remaining-time").html(valid - elapsed); //update remaining time until bounty expires 
    if (elapsed> valid){ 
     clearInterval(intervalid); // this stops the timer 
     //do an ajax post to cancel the bounty; 

    } 
} 

Answer 2

더 이상 필요하지 않을 때 간격을 멈추지 않으므로 AJAX 호출을 여러 번 트리거합니다. 조건이 계속 true로 유지되면 매번 카운트 다운되고 AJAX 호출을 계속합니다.

var bountyInterval = setInterval(checkBounty, 1000); 

을 그럼 당신은 (AJAX 호출하기 전에)을 중지하고자 할 때 사용합니다 clearInterval 방법 :

clearInterval(bountyInterval); 

Answer 3

지우기 간격을 당신이 그것을 시작할 때

간격 그는 핸들을 가져옵니다 타이머를 파괴하기 위해

var timer = setInterval(checkBounty, 1000); 

function checkBounty(){ 
    var elapsed = (Date.now()/1000) - $(".bounty").data('created') ; 
    $(".remaining-time").html(valid - elapsed); //update remaining time until bounty expires 
    if (elapsed> valid){ 
    clearInterval(timer); 
    //do an ajax post to cancel the bounty; 
    } 
}