主要工作
因为代码不好展示,也不好截长图,可以去看我的GitHub地址:https://github.com/14glwu/MyBlog/blob/master/questionnaire.html
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:计时器脚本 -->
时间: 2024-10-27 10:54:09