基于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:计时器脚本 -->
时间: 2024-10-27 10:54:09

基于JS的问卷调查的相关文章

jquery:基于js的框架

jquery:基于js的框架 框架: 1.方便使用 2.解决了兼容性的问题 官方网站jQuery.com(2点几版本的不支持IE6.7.8) this 当前环境下指代的对象 闭包(closer) 1.可以让局部变量持续的保存下来 在一个函数(对象)里面定义一个函数,这个内部函数可以访问外面函数的局部变量,而且可以让外面的变量引用,可以持续保存局部变量 一个函数里面必须包含一个函数,而且要引用外面函数的变量,里面的函数必须要返回出去,可以使用相同名称的变量 缺点:对内存耗需比较大,可能会导致内存泄

常见排序算法基于JS的实现

一:冒泡排序 1. 原理 a. 从头开始比较相邻的两个待排序元素,如果前面元素大于后面元素,就将二个元素位置互换 b. 这样对序列的第0个元素到n-1个元素进行一次遍历后,最大的一个元素就“沉”到序列的最后位置(第n-1个位置,n为待排序元素个数) c.排除此次排序最后面的那个元素(n=n-1),继续对剩余序列重复前面两步 d. 当(n= n-1)=0时,排序完成 2. 具体实现 以如下待排序序列为例: 到此,第一次冒泡完成,最大值7冒泡到最后面. 然后继续对除最后元素(7)外的序列进行冒泡排序

基于js全屏动画焦点图幻灯片

今天给大家分享一款基于js全屏动画焦点图幻灯片.这款焦点图内的内容以动画形式出现和消失.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="slideshow" id="slideshow"> <ol class="slides"> <li class="current"> <div class="description"&g

[WebOS]基于JS的HP-WebOS开发中Eclipse安装Aptana插件时报"Bad Gateway"错误解决方案

进入Aptana官网:http://www.aptana.com/ 跳转到下载页面,选择下载Eclipse plugin installation, 发现官网只给出在线更新的网址: http://download.aptana.com/studio3/plugin/install 但是试过在线更新的童鞋都知道这是多么蛋疼的事情,于是,google到解决方法: 复制在线更新链接,在浏览器打开,你会看到会自动跳转到: http://d1iwq2e2xrohf.cloudfront.net/tools

基于js鼠标拖动图片排序

分享一款基于js的图片排序效果.鼠标拖动图片,重新排列图片的排列顺序.该插件适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.效果图如下: 在线预览   源码下载 实现的代码. html代码: <ul id="ul1"> <li> <img src="images/1.jpg" width="200" height="150" />&l

Breach - HTML5 时代,基于 JS 编写的浏览器

Breach 是一款属于 HTML5 时代的开源浏览器项目,,完全用 Javascript 编写的.免费.模块化.易于扩展.这个浏览器中的一切都是模块,Web 应用程序在其自己的进程运行.通过选择合适的模块为您构建自己的浏览体验. 您可能感兴趣的相关文章 Web 开发中很实用的10个效果[附源码下载] 精心挑选的优秀jQuery Ajax分页插件和教程 12款经典的白富美型 jQuery 图片轮播插件 让网站动起来!12款优秀的 jQuery 动画插件 精心挑选的美轮美奂的 jQuery 图片特

基于SQLite的问卷调查系统的数据库设计

毕业设计写了一个基于Android的问卷调查系统,完成的只有离线部分,为了存储本地的一些数据设计了这个数据库.后来一个做Android开发的同学告诉我,Android项目一般不会把大量数据存储在本地.而在写毕业设计之前我几乎没有接触过Android开发,为了毕业设计,也只好硬着头皮这么做了,至于源码就不贴出来丢人了.这里主要介绍一下数据库的设计吧.希望和有兴趣的人共同讨论学习,本人对数据库比较感兴趣,虽然现在做的工作跟数据库不相关. 首先问卷调查系统得想办法把问卷存储下来,我的做法是用代码解析按

基于js的APP多语言处理

本文出自APICloud官方论坛, 感谢论坛版主哼哼哈兮 的分享.   本期分享一个js的多语言处理插件i18n.js,此插件是基于JQuery.i18n.properties修改而来的. 实现的原理就是在本地放置一个或多个语言资源文件,然后通过js加载这些资源文件并反序列化成json对象,再根据资源文件中定义的键名去替换页面中需要显示的地方. 再说说用法:1.在页面中引入i18n.js,加载后会给window对象增加一个名叫 i18n 的属性,是个对象.2.加载资源文件 3.资源文件加载完成后

基于js的自适应、多样式轮播图插件(兼容IE8+、FF、chrome等主流浏览器)

插件github地址:https://github.com/pomelott/slider-plug_in 使用方式: slider plug-in 左右滑动的自适应.多样式全能插件.多次调用时只需传入最外层盒子ID即可. 1.根据html中的Dom结构引入图片. 2.引入css和js文件 3.调用pomeloSlider.doslide(obj) sliderwidth:轮播图宽度,单位为像素,默认自适应全屏. outer:最外层盒子ID,默认为"outer" time:轮播的时间间