显示用户在页面上的时间

debugcn 发表于 Dev

安德鲁·莱昂纳迪

我一直致力于向用户展示他们在某个页面上花费的时间。我想我可能把它复杂化了。目前我向他们展示分钟数，然后向他们展示秒数。这几乎有效，除非它在两分 5 秒时看起来像这样：2:5 而不是 2:05。然后一旦达到 10 秒就可以了：2:10。

知道如何更改我的代码来纠正这个问题吗？谢谢！

var timer;
var timerStart;
var timeSpentOnSite = getTimeSpentOnSite();

function getTimeSpentOnSite(){
    timeSpentOnSite = parseInt(localStorage.getItem('timeSpentOnSite'));
    timeSpentOnSite = isNaN(timeSpentOnSite) ? 0 : timeSpentOnSite;
    return timeSpentOnSite;
}

function startCounting(){
    timerStart = Date.now();
    timer = setInterval(function(){
        timeSpentOnSite = getTimeSpentOnSite()+(Date.now()-timerStart);
        localStorage.setItem('timeSpentOnSite',timeSpentOnSite);
        timerStart = parseInt(Date.now());
        // Convert to seconds
        $("#timeSpentMin").html(parseInt(timeSpentOnSite/1000 / 60));
        $("#timeSpentSec").html(parseInt(timeSpentOnSite/1000 % 60));
    },1000);
}
startCounting();

拉西尔·希兰

您可以使用这个简单的函数：

function padTime(time) {
  return ("0" + time).slice(-2);
}

将它传递给您想要的任何时间部分，它会为您填充：

var min = 5;
var sec = 2;
console.log("Unpadded: " + min + ":" + sec);
console.log("Padded seconds: " + min + ":" + padTime(sec));
console.log("Padded minutes & seconds: " + padTime(min) + ":" + padTime(sec));
min = 12;
sec = 52;
console.log("Unpadded: " + min + ":" + sec);
console.log("Padded seconds: " + min + ":" + padTime(sec));
console.log("Padded minutes & seconds: " + padTime(min) + ":" + padTime(sec));

function padTime(time) {
  return ("0" + time).slice(-2);
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。