Question

我正在尝试创建一个计数器，该计数器显示您在网站上花费了多少时间，并且我使用sessionStorage从多个页面访问Date对象。

问题是，即使我使用00:00:00初始化了日期，计数器也从01:00:00开始。

这是我的代码：

function checkTime(){
    if(document.getElementById("clock")[13] == ''){
        var d = new Date('2010-06-11T00:00:00');
        sessionStorage.setItem('time', d);
    }
}

function updateTime(){
    checkTime();
    var nDate = new Date(sessionStorage.getItem('time'));
    nDate.setSeconds(nDate.getSeconds() + 1);
    sessionStorage.setItem('time', nDate);
    var hours = (nDate.getHours()<10 ? "0" : "") + nDate.getHours();
    var minutes = (nDate.getMinutes()<10 ? "0" : "") + nDate.getMinutes();
    var seconds = (nDate.getSeconds()<10 ? "0" : "") + nDate.getSeconds();
    var timeString = hours + ":" + minutes + ":" + seconds;
    document.getElementById("clock").innerText = timeString;

}
setInterval(updateTime, 1000);

Answer 1

由于您所在的时区（UTC +1 CET中欧时间，斯德哥尔摩），它从01:00开始。通过以下方式创建日期：

const utcDate = new Date(Date.UTC(2019, 5, 11, 0, 0, 0)); // second param is the month-index, it start at 0, so 5 means june
console.log(utcDate);

Answer 2

为什么不使用unix时间戳，它实际上更简单且没有时区。

当用户进入网站时

var d = new Date().getTime();
sessionStorage.setItem('time', d);

然后

function updateTime(){
    var nDate = new Date().getTime();
    var startDate = sessionStorage.getItem('time');
    var duration = nDate-startDate;
    var seconds = Math.floor((duration / 1000) % 60),
    minutes = Math.floor((duration / (1000 * 60)) % 60),
    hours = Math.floor((duration / (1000 * 60 * 60)) % 24);

    hours = (hours < 10) ? "0" + hours : hours;
    minutes = (minutes < 10) ? "0" + minutes : minutes;
    seconds = (seconds < 10) ? "0" + seconds : seconds;
    var timeString = hours + ":" + minutes + ":" + seconds;
    document.getElementById("clock").innerText = timeString;

}
setInterval(updateTime, 1000);

JavaScript日期从1小时开始

2 个答案: