显示具有服务器端自动时间注销的同步倒数计时器?

时间:2015-04-08 11:00:39

标签: javascript php ajax session timer

我使用AJAX调用跟踪this example PHP会话计时器以检查“时间”。

我希望能够为用户显示某种类型的显示,这只是一个javascript倒计时器,例如:

function startTimer(duration, display) {
    var timer = duration, minutes, seconds;
    setInterval(function () {
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);

        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;

        display.textContent = minutes + ":" + seconds;

        if (--timer < 0) {
            timer = duration;
        }
    }, 1000);
}

window.onload = function () {
    var length = 60 * 5,
        display = document.querySelector('#time');
    startTimer(length, display);
};

var length等于php文件中$_SESSION['timeOut'] = SomeNumber;指定的值。

如何将这些设置为完全同步并能够将倒计时输出到屏幕?或者我能够利用php计时而不一定创建一个js计时器吗?

1 个答案:

答案 0 :(得分:0)

您可以使用PHP函数time()获取现在的时间,然后将其保存为您在数据库中登录的时间。每次用户刷新页面。您必须发送给他$_SESSION['timeOut'] + ($time_of_login) - time()返回到达超时的秒数

来自DB的

$time_of_login

所以php文件看起来像:

var length = <? echo $_SESSION['timeOut'] + ($time_of_login) - time(); ?>