求网页锁定的办法
一个网站
过5分钟不动作,就会锁定页面,
可输入密码来解锁(有一个弹框)

可是如果用户按F5,就无效了,弹框消失,回到了界面


求如何只能让用户输入密码来解锁?


------解决方案--------------------
用cookie保存是否为锁定状态，刷新后判断是否存在锁定的cookie，是就显示输入密码，输入密码正确后清除cookie

 <div id="dvContent">内容<br />内容<br />内容<br />内容<br />内容<br />内容</div>

 <div id="dvPassword" style="display:none">输入密码：<input type="password" id="txtPwd" /><input type="button" value="确定" onclick="check()"/></div>

<script>

    if (document.cookie.indexOf('lock=1') != -1) ShowContent(false);

    var delay = 10 * 1000,timer;//10s后锁定，修改delay为你需要的时间，单位毫秒

    function startTimer() {

        clearTimeout(timer);

        timer = setTimeout(TimerHandler, delay);

    }

    function TimerHandler() {

        document.cookie = 'lock=1';

        document.onmousemove = null;//锁定后移除鼠标移动事件

        ShowContent(false);

    }

    function ShowContent(show) {

        document.getElementById('dvContent').style.display = show ? 'block' : 'none';

        document.getElementById('dvPassword').style.display = show ? 'none' : 'block';

    }

    function check() {

        if (document.getElementById('txtPwd').value == '123') {

            document.cookie = 'lock=0';

            ShowContent(true);

            startTimer()//重新计时

            document.onmousemove = startTimer; //重新绑定鼠标移动事件