Javascript, добавив переменную дважды

Question

У меня есть следующий код:

var m = 0; 
function addmoney(){ 
    var today = new Date(); 
    var s =today.getSeconds(); 
    if(s == 30){ 
     m += 10; 
    } 
    document.getElementById('mon').innerHTML=s+" money: "+m; 
    t=setTimeout(function(){addmoney()},500); 
} 

В основном то, что я делаю это, чтобы добавить 10 к значению м через каждые 30 секунд. Проблема здесь в том, что переменная фактически добавляется дважды. Мне было интересно, почему так было?

EDIT: Извините, не хотел делать s ++, так или иначе это не сильно изменилось.

Answer 1

Вы хотите использовать window.setInterval

var m = 0, 
    mon = document.getElementById('mon'); 

var interval = window.setInterval(function() { 
    m += 10; 
    mon.innerHTML = "money: " + m; 
}, 30000); 

Если по какой-либо причине вы хотели бы прекратить добавлять деньги, вы можете использовать window.clearInterval

// stop collecting monies! 
clearInterval(interval); 

---

Here's a jsbin.com demo

Answer 2

Добавьте небольшое изменение к нему

if(s == 30 || s == 0) 

Это происходит потому, что в системе счетчик секунд получает сбрасывается в 0 после того, как она пересекает 60

Answer 3

Причина заключается в том, что переменная s переписывается в интервалах времени 500мс (так s++ трюк не работает). Увеличьте интервал или используйте глобальную переменную для сохранения последнего времени.