Javascript остановить интервал функции асинхр

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; 
    } 
} 

Это вызывает Аякса пост несколько раз, так как оно выполняется асинхр. Как я могу избежать этого?

EDIT

Я обновил этот вопрос с кодом, который я использовал, забыл добавить clearInterval. Теперь я понимаю, что аякс не отвечал менее чем за одну секунду, и функция снова вызывалась.

Answer 1

Это не имеет никакого отношения к асинхронному.

Вы должны использовать setTimeout вместо setInterval, если вы только хотите, чтобы выполнить один раз

EDIT После перечитывая вопрос, я думаю, что вы хотите это (как ответил ранее, а):

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 несколько раз, потому что вы не останавливаете интервал, когда он вам больше не нужен. Он будет продолжать отсчет времени и каждый раз вызывать вызов 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; 
    } 
}