html页面锁屏,JavaScript网页锁屏效果源码实例

[ bootstrap ] 运行代码下载代码

51前端

window.οnlοad=function(){

if(document.cookie.indexOf('lock=1')!= -1){

ShowContent(false);

}

//10s后锁定，修改delay为你需要的时间，单位毫秒

var delay = 10 * 1000,timer;

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; //重新绑定鼠标移动事件

}

else{

alert('密码不正确');

}

document.οnmοusemοve=startTimer;

var obt=document.getElementById("bt");

obt.οnclick=function(){

check();

}

startTimer();

}

51前端欢迎您

输入密码:

html页面锁屏,JavaScript网页锁屏效果源码实例相关推荐

web课程设计网页规划与设计—— 中西餐美食餐饮网站(10页面) html+css+javascript网页设计实例...
web课程设计网页规划与设计-- 中西餐美食餐饮网站HTML(10页面) html+css+javascript网页设计实例临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HT ...
web课程设计网页规划与设计—— 中西餐美食餐饮网站(10页面) html+css+javascript网页设计实例
web课程设计网页规划与设计-- 中西餐美食餐饮网站HTML(10页面) html+css+javascript网页设计实例临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HT ...
html5机械双语源码,宽屏蓝色大气的云信CMS源码，中英文双语切换，外贸网站CMS源码，生成静态HTML...
宽屏蓝色大气的云信CMS源码,中英文双语切换,外贸网站CMS源码,生成静态HTML, |% B @$ a ?; M5 r7 R }4 t 8 F1 M$ F, ?) Q' c0 d V! _/ ...
分享个微信锁再也不怕别人偷看！附源码
介绍: 分享个微信锁再也不怕别人偷看!附源码网盘下载地址: http://kekewl.net/Z2PLSi6gPmb 图片:
视频播放html5网页video.js例子源码下载
视频播放html5网页video.js例子源码下载下载地址:链接:http://pan.baidu.com/s/1c2F2d12 密码:nysr 相关截图: (责任编辑:小锋) ------分隔线 ...
144G在线网页制作html系统源码下载
144G网页制作系统完美源码主要是用来一键生成表白页面.个人网站.搞笑网页在线制作生成源码,让制作网页变更更简单,真个页面的前端设计非常美观,动画效果很棒,可以设置网站来使用指定的网页制作模板,从而增 ...
学生个人网页制作html(附源码)
如何做一个简单的学生个人网页制作html1.单击"开始"以输入附件2.打开记事本3.输入<html><body><h1>学生个人网页制作html ...
3款动态网页时间时钟HTML5源码
介绍: 3款动态网页时间时钟HTML5源码网盘下载地址: http://kekewangLuo.cc/H5VLrhVBiis0 图片:
jquery 背景特效实现_html5实现的仿网页版微信聊天界面效果源码
码农那点事儿关注我们,一起学习进步这是一款基于html5实现的仿网页版微信聊天界面效果源码,可实现微信网页版聊天界面效果,在编辑框编辑文字之后按Ctrl+Enter键即可提交文字到聊天对话框上.整 ...

html页面锁屏,JavaScript网页锁屏效果源码实例

html页面锁屏,JavaScript网页锁屏效果源码实例相关推荐

最新文章

热门文章