做一个考试界面,通过代码
function keydown() { if(event.keyCode==8)//屏蔽退格键 { event.keyCode=0; event.returnValue=false; } if(event.keyCode==13)//屏蔽回车键 { event.keyCode=0; event.returnValue=false; } if(event.keyCode==116)//屏蔽F5刷新键 { event.keyCode=0; event.returnValue=false; } }
屏蔽了 页面的控制,防止错误提交×××。
通过代码,定义了考试的计时
function showtime()//实时显示当前时间 { var now = new Date();//定义事件变量 years = now.getFullYear();//记录年 month = now.getMonth() + 1;//记录月 dates = now.getDate();//记录天 hours = now.getHours();//记录小时 Minutes = now.getMinutes();//记录分钟 Seconds = now.getSeconds();//记录秒钟 if (hours < 10)//判断小时是否小于10 hours = "0" + hours;//将小时格式化为两位 if (Minutes < 10)//判断分钟是否小于10 Minutes = "0" + Minutes;//将分钟格式化为两位 if (Seconds < 10)//判断秒是否小于10 Seconds = "0" + Seconds;//将秒格式化为两位 //记录当前时间 var titletext = "当前日期时间为>>>" + years + "年" + month + "月" + dates + "日" + hours + ":" + Minutes + ":" + Seconds; setTimeout("showtime()", 1000);//设置时间的变化间隔为1秒 document.title = titletext;//显示当前时间 }
但是,IE的兼容性视图按钮,可以刷新页面,导致计时重新开始。
强制屏蔽IE兼容性视图按钮的方法如下:
强制IE 以IE7 解析网页
在头部加这么一句就搞定了
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />