首页 > 代码库 > 基于JS的问卷调查

基于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:计时器脚本 -->

 

基于JS的问卷调查