主要工作
這個由於年代已久,覺得代碼很亂已經刪除了代碼
JS主要為計時器以及問卷的相關業務處理
部分效果圖:
部分代碼:
計時器:
<script type="text/javascript"> /*關於計時器部分的JS代碼*/ var se,ss=99;m=10,h=0,s=0; var h1,m1,s1; function second(){ if(ss<0){s-=1;ss=100;} if(s<0){m-=1;s=59;} if(m<0){h-=1;m=59;} if(h<0) { clearInterval(se); alert("考試時間到"); h=0;m=0;s=0;ss=0; } h1=checkTime(h); m1=checkTime(m); s1=checkTime(s); t=h1+":"+m1+":"+s1; //時分秒運算 document.getElementById("showtime").value=t; //這有一個給id為showtime的input賦值的語句,可以實現動態計時。 //其實所謂的動態計時,就是在很短的時間里不停給顯示時間的地方更新數值,由於速度很快,這樣計時器看起來時刻都在變化。但其實不是的,它從本質上還是靜態的,這跟js的偽多線程原理是一樣的。 ss-=1; } function checkTime(i){ if (i<10) {i="0"+i} return i; } function startclock(){se=setInterval("second()",10);} //這個函數是要放到按鈕的click事件上的 function pauseclock(){clearInterval(se);} //這個函數是要放到按鈕的click事件上的 function stopclock(){clearInterval(se);ss=99;m=10;h=0;s=0;} //這個函數是要放到按鈕的click事件上的 window.onload=startclock(); </script><!-- end:計時器腳本 -->