Count down timer which don't reset on page ref

问题:

How can I create a count down timer in JSF? I don't want the timer reset when refresh the page.

回答1:

You can simply use Java Script for it.

Or

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

回答2:

You can use simply this script

 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);