做一個考試界面,通過代碼
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" />