HTML 页面加载的持久计时器

Question

我有一个持久的 JavaScript 计时器。我想在 HTML 页面的页面加载时启动计时器（也可能在特定页面上结束计时器）。

HTML：

<div>Time remaining: <span id="timer"></span></div>

JavaScript：

var interval = 30000;

function reset()
{
    localStorage.endTime = +new Date + interval;
}

if(!localStorage.endTime)
{
    reset();
}

setInterval(function()
{
    var remaining = localStorage.endTime - new Date;
    if( remaining >= 0 )
    {
        $('#timer').text( Math.floor( remaining / 1000 ) );
    } else
    {
        reset();
    }
}, 100);