Question

`<script type="text/javascript" src="jquery-1.6.2.min.js"></script>

<h1 align="center" style="color:green">A countdown timer in jquery</h1>

<h3 style="color:#FF0000" align="center"> You will be logged out in : <span id='timer'></span> </h3>

<script>
//define your time in second
    var c=60;
    var t;
    timedCount();

    function timedCount()
    {

        var hours = parseInt( c / 3600 ) % 24;
        var minutes = parseInt( c / 60 ) % 60;
        var seconds = c % 60;

        var result = (hours < 10 ? "0" + hours : hours) + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds  < 10 ? "0" + seconds : seconds);


        $('#timer').html(result);
        if(c == 0 )
        {
            //setConfirmUnload(false);
            //$("#quiz_form").submit();
            window.location="result.php";
        }
        c = c - 1;
        t = setTimeout(function()
        {
         timedCount()
        },
        1000);
    }
</script>`

我有这个脚本可以正常工作，但是，当我刷新页面计时器重置时，它会导致一个小麻烦。我希望它在刷新页面时不会重置。

Answer 1

检查用户是否已经倒计时（即是否存储了目标时间，以及将来），如果不存储目标时间。然后提供c作为当前时间与存储的目标时间之间的差异。你可以使用

会话存储，并将c直接呈现到网页
会话存储，并使用AJAX从服务器请求c
document.cookie或window.localStorage，因此服务器无需参与。

如何在javascript中停止刷新倒数计时器

1 个答案: