设为首页收藏本站

IT技术擎 - 最棒的IT web技术交流社区

 找回密码
 注册为IT技术擎人

QQ登录

只需一步,快速开始

搜索
热搜: php h5 jquery
查看: 27|回复: 0

[javascript] 基于JS的问卷调查

[复制链接]
发表于 2018-3-14 01:18:31 | 显示全部楼层 |阅读模式
主要工作
因为代码不好展示,也不好截长图,可以去看我的GitHub地址:https://github.com/14glwu/MyBlog/blob/master/questionnaire.html
JS主要为计时器以及问卷的相关业务处理
部分效果图:




部分代码:
计时器:
  1. <
  2. script type="text/javascript" >
  3. /*关于计时器部分的JS代码*/ varse,ss=99;m=10,h=0,s=0;varh1,m1,s1;functionsecond(){if(ss <
  4. 0){s-=1;ss=100;}if(s <
  5. 0){m-=1;s=59;}if(m <
  6. 0){h-=1;m=59;}if(h <
  7. 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; }functioncheckTime(i){if(i <
  8. 10) {i="0"+i}returni; }functionstartclock(){se=setInterval("second()",10);}//这个函数是要放到按钮的click事件上的 functionpauseclock(){clearInterval(se);}//这个函数是要放到按钮的click事件上的 functionstopclock(){clearInterval(se);ss=99;m=10;h=0;s=0;}//这个函数是要放到按钮的click事件上的 window.onload=startclock();
  9. </script >
  10. <!--end:计时器脚本 -- >
复制代码



上一篇:[js高手之路] es6系列教程 - 面向对象实战选项卡
下一篇:[20171128]rman Input or output Memory Buffers.txt
该用户未在地球留下任何的痕迹

本版积分规则

QQ|小黑屋|帮助|IT技术擎 ( 沪ICP备15054863号  

GMT+8, 2018-9-19 01:29

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表