javascript - 进度条中的 html 会话超时

Question

在获取正确的代码以在我的 html 页面的进度栏中显示会话超时倒计时时，我遇到了一些困难。

任何人都可以帮助我做到这一点。

谢谢

Answer 1

我在互联网上搜索并找到了一个关于如何做到这一点的示例。这是一个简单的例子 -$inactive变量是会话到期时间，例如600秒）：

function start_onload(){
    var expire_time = new Date().getTime() + 1000*<?php echo $inactive; ?>;
    countdown_session_timeout();
    function countdown_session_timeout() {
        var current_time = new Date().getTime();
        var remaining = Math.floor((expire_time - current_time)/1000);
        var timeout_message = document.getElementById('timeout_message');
        if (remaining>0) {
            timeout_message.innerHTML = 'Session will expire in '+ Math.floor(remaining/60) + ' min. ' + (remaining%60) + ' sec.';
            setTimeout(countdown_session_timeout, 1000);
        } else {
            timeout_message.innerHTML = 'Session expired.';
        }
}

}

这里的PHP 脚本：http: //pastebin.com/Dik0hyYd （这些会话仅作为示例。）