`
wangshuo1991
  • 浏览: 9857 次
  • 性别: Icon_minigender_1
  • 来自: 保定
最近访客 更多访客>>
社区版块
存档分类
最新评论

js实现考试倒计时系统

 
阅读更多
<html>

   <head>
   </head>

   <body>
      <input type="text" name="mss" id="mss"/>
     
      <form action="./index.html">
        <input type="text" value="name" name="name"/>   

     </form>

   <body>

</html>


<script type="text/javascript">
<!--
   window.onload=function(){
    
        daojishi();
     }

      var counttime=6;//总秒钟
    
      function daojishi(){
     if(counttime>=0){
             var ms = counttime%60;//余数 89%60==29秒
             var mis = Math.floor(counttime/60);//分钟
             if(mis>=60){
              var hour=Math.floor(mis/60);

  mis=Math.floor((counttime-hour*60*60)/60);

              document.getElementById("mss").value=hour+"小时"+mis+"分"+ms+"秒数";
             }else if(mis>=1){
              document.getElementById("mss").value=mis+"分"+ms+"秒数";
             }else{
              document.getElementById("mss").value=ms+"秒数";
             }


              counttime--;
              vartt =  window.setTimeout("daojishi()",1000);
}else{
     window.clearTimeout(vartt);
     window.confirm("考试时间结束,请单击提交");
     tijiao();
   
}


     }
    
     function tijiao(){
        document.forms[0].submit();
     }
//-->
</script>
分享到:
评论

相关推荐

    考试系统js时间倒计时

    考试系统,js时间倒计时,js时间倒计时

    考试系统js 的倒计时只有小时分钟和秒

    考试系统js 的倒计时,无刷新的倒计时,只有时分秒,但是没有实现自动提交的功能。

    考试计时并自动提交试卷

    在开发网络考试系统时,一个必不可少的功能就是考试计时并自动提交试卷。由于在答卷过程中,试卷不能刷新,所以需要使用Ajax实现无刷新操作。

    php实现倒计时效果

    这里写了一个考试系统剩余时间倒计时的显示代码和大家一起探讨。 实现原理: PHP获取的是服务器端的时间,我们只要设置考试的开始时间和结束时间及当前时间。如果当前的时间不在我们的考试时间范围内,则显示给考生...

    php实时倒计时功能实现方法详解

    所以实时倒计时一定要用javascript实现.这很简单.网上一大把的例子. 2)现在问题是解决用户端修改日期时间对我们的显示的影响. 解决的办法是计算出用户端的时间和服务器的时间差.这样问题的完成解决了. 这样只需

    jQuery倒计时

    倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间。倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等。今天,我们来使用jQuery实现一个简单的倒计时功能。

    基于jQuery倒计时插件实现团购秒杀效果

    倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等。今天,我们来使用jQuery倒计时超级实现团购秒杀效果,感兴趣的朋友一起学习吧! 1.1 帮助文档关键字  倒计时 秒杀 timer 1.2. 使用...

    javascript倒计时

    实现简易的javascript倒计时 &lt;script language="javascript"&gt; var timerID = null; var timerRunning = false; var leftsec=60; var leftmin=60; var lefthour=2; function stopclock (){ if(timerRunning) ...

    A毕业设计:Python在线考试系统前端基于vue

    7. **实现考试逻辑**:包括获取题目、提交答案、倒计时控制、显示得分等功能。 8. **优化性能**:使用Vue.js的优化技巧,如懒加载、代码分割等提升应用性能。 9. **界面美化**:使用CSS框架(如Bootstrap、Vuetify...

    PHP 类商品秒杀计时实现代码

    总不能用ajax每秒都获取服务器时间吧,所以实时倒计时一定要用javascript实现。这很简单,网上一大把的例子。 现在问题是解决用户端修改日期时间对我们的显示的影响。 解决的办法是计算出用户端的时间和服务器的...

    考试系统前端html模板

    自己改造后的包括单选,判断和简答题,已设置倒计时(通过js实现)结束后自动提交表单,答题后答题卡变色等效果,以及原版远程教育在线考试答题页面模板(包含多学)

    uniapp实现答题模板

    基于uniapp实现的答题模板,适用于线上手机答题业务的小伙伴们,支持单选、多选、判断等题型,实现倒计时提示等功能,欢迎有需要的伙伴们下载,使用中遇到问题可以共同探讨!!!

    浅谈PHP实现大流量下抢购方案

    总不能用ajax每秒都获取服务器时间吧,所以实时倒计时一定要用javascript实现。这很简单,网上一大把的例子。 现在问题是解决用户端修改日期时间对我们的显示的影响。 解决的办法是计算出用户端的时间和服务器的时间...

    程序天下:JavaScript实例自学手册

    1.10 倒计时载入页面 1.11 定义网页的关键字 1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以...

    《程序天下:JavaScript实例自学手册》光盘源码

    1.10 倒计时载入页面 1.11 定义网页的关键字 1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以...

    asp.net知识库

    SharpRewriter:javascript + xml技术利用#实现url重定向 采用XHTML和CSS设计可重用可换肤的WEB站点 asp.net的网址重定向方法的比较:面向搜索引擎友好 也谈 ASP.NET 1.1 中 QueryString 的安全获取写法 ASP.NET运行...

    PHP开发实战1200例源码

    实例146 倒计时 173 实例147 网页闹钟 174 实例148 计算程序运行时间 176 第3章 Web页面交互 178 3.1 获取表单元素的值 179 实例149 设计论坛登录界面 179 实例150 可以上传图片的表单 180 实例151 通过POST方法提交...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例146 倒计时 173 实例147 网页闹钟 174 实例148 计算程序运行时间 176 第3章 Web页面交互 178 3.1 获取表单元素的值 179 实例149 设计论坛登录界面 179 实例150 可以上传图片的表单 180 实例151 通过POST方法提交...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例146 倒计时 173 实例147 网页闹钟 174 实例148 计算程序运行时间 176 第3章 Web页面交互 178 3.1 获取表单元素的值 179 实例149 设计论坛登录界面 179 实例150 可以上传图片的表单 180 实例151 通过POST方法提交...

Global site tag (gtag.js) - Google Analytics