锁定页面大概的代码如下:
<script language="javascript">
document.onkeydown=function(){//Ctrl+A锁定页面
if((event.ctrlKey)&&(event.keyCode==65)){
lock()
event.returnValue=false}
}
function lock(){//alert("锁定")
document.getElementById("lock").style.display=""
document.body.scroll="no"
}
function ulock(psd){
if(psd=="123"){//密码为"123"
document.getElementById("lock").style.display="none"
document.body.scroll="auto"
}else{
alert("密码错误")
document.getElementById("psd").focus()
}
}
</script>
<DIV id="lock" style="z-index:10000background:#fffposition:absoluteleft:0top:0display:none">
<div>
请输入密码解锁:
<input type="text" id=psd />
<input type="submit" value="确定" onclick="ulock(document.getElementById('psd').value)"></div>
<iframe style="width:10000pxheight:10000px"></iframe>
</div>
以上代码只提供一种思路,还有很多细节应该注意到:比如屏蔽刷新和一些快捷键等,还有界面的美化等。
祝好运!
你把setTimeout包装下就好然後在调用你包装的函数时记录当前时间, 并计算出要达到的时间
之後启动定时器, 并在触发定时时重新获取当前时间, 算出正确的差距, 如果没到指定时间就再次设定定时器
为了防止你从锁屏切回来後倒计时变动延迟过大, 你每次设定定时器可以间隔上5, 600毫秒