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

基本上我正在做的就是每 30 秒将 m 的值加 10。这里的问题是变量实际上被添加了两次。我想知道为什么会这样？

编辑:抱歉并不是要执行 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