页面刷新时不会重置的倒计时计时器答案

【问题标题】：Count down timer which don't reset on page refresh页面刷新时不会重置的倒计时计时器
【发布时间】：2010-11-13 16:50:44
【问题描述】：

如何在 JSF 中创建倒数计时器？我不想在刷新页面时重置计时器。

【问题讨论】：

标签： jsf timer

【解决方案1】：

You can simply use Java Script for it.

或者

You can use RichFaces a4j:poll and poll count data from server where your timer will be running

【讨论】：

我知道，但我不希望当用户刷新页面时，计时器会重置。
@user236501 您可以在简单的 JSP 中使用 DWR 进行 ajax 轮询
感谢您的建议，有没有什么简单的方法可以在 JSP 中进行倒计时？

【解决方案2】：

你可以简单地使用这个脚本

 var seconds = readCookie('countdown') || 60;
        alert(seconds);
        function secondPassed()
        {
            seconds--;
            var minutes = parseInt(seconds / 60);
            var remainingSeconds = parseInt(seconds % 60);
            if (remainingSeconds < 10) {
                remainingSeconds = "0" + parseInt(remainingSeconds);
            }
            document.getElementById('countdown').innerHTML = minutes + " mins : " + remainingSeconds + " secs";
           if (parseInt(seconds) === 0)
            {
                alert("Time is over");
                clearInterval(countdownTimer);
                document.getElementById('countdown').innerHTML = "Time is Over";
                document.forms["myForm"].submit();
                document.location.href = "examresult.jsp";
            }
        }
        var countdownTimer = setInterval(function() {
            secondPassed();
            if (seconds === 0) {
                eraseCookie(seconds);
            } else {
                createCookie(seconds, seconds, 7);
            }
        }, 1000);

【讨论】：