Javascript 从页面加载开始计数 - 需要使用 ajax 重置

Question

我不太擅长 Javascript，我在重置我在堆栈上找到的计数器时遇到了一些麻烦，这是计数器:

var pageVisisted = new Date(); // you should probably store this in a database/attach it to the session or AT LEAST in a cookie


setInterval(function() {
    var timeOnSite = new Date() - pageVisisted;

    var secondsTotal = timeOnSite / 1000;

    var seconds = Math.floor(secondsTotal);

    document.getElementById('time').innerHTML = seconds;
}, 1000);

我已经通过阅读此处的其他问题尝试了以下方法:

function stop_time(){
  clearInterval(timeOnSite);
}

这确实再次启动了计数器，但它创建了两个从一个切换到另一个的计数器。

我想做的就是当用户点击“更新”时，计数器将设置回 0 并重新开始(同时更新已在运行的页面上的数据)。

如有任何建议或阅读 Material ，我们将不胜感激。

谢谢

Answer 1

您需要将间隔分配给变量才能正确清除它

function myFn() {
    var timeOnSite = new Date() - pageVisisted;
    var secondsTotal = timeOnSite / 1000;
    var seconds = Math.floor(secondsTotal);

    document.getElementById('time').innerHTML = seconds;
}

var myTimer = setInterval(myFn, 4000);

然后要重置它，将变量作为参数清除并重新启动。

clearInterval(myTimer);
myTimer = setInterval(myFn, 4000);