基于JS的问卷调查

主要工作

因为代码不好展示，也不好截长图，可以去看我的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:计时器脚本 -->

 

更多专业前端知识，请上【猿2048】www.mk2048.com