`

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=90*60;//总秒钟
    
      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时间倒计时"这个主题关注的就是如何利用JavaScript来实现考试页面上的时间倒计时功能。JavaScript是一种广泛用于网页交互和动态效果的编程语言,非常适合在网页上实时更新时间信息。 首先,我们需要理解...

    js实现倒计时时分秒

    倒计时在网页中应用广泛,如活动预告、考试倒计时等,能给用户带来实时的时间感知。 倒计时的基本原理是通过计算当前时间与目标时间的差值,并将其转换为天数、小时数、分钟数和秒数。在JS中,我们可以使用`Date`...

    JS时间倒计时

    接下来,我们将深入探讨如何使用JavaScript实现时间倒计时。 首先,我们需要了解JavaScript中的Date对象。Date对象是JavaScript内置的对象,它提供了处理日期和时间的各种方法。例如,`new Date()` 创建一个表示...

    JavaScript实现倒计时

    总结,JavaScript实现倒计时主要涉及以下几个步骤:获取起始和结束时间,计算时间差,定期更新界面,以及结合HTML和CSS进行样式设计。这个过程不仅加深了对JavaScript时间处理的理解,也展示了JavaScript在动态网页...

    js实现倒计时

    现在我们来深入探讨如何使用JavaScript实现倒计时。 首先,我们需要明确倒计时的基本原理。倒计时是通过计算当前时间与目标时间之间的差值,然后每隔一定时间(通常为1秒)更新这个差值并显示。这通常涉及到...

    jquery实现倒计时,支持多行分别无限循环倒计时

    倒计时是网页中常见的动态效果,常见于活动开始时间预告、考试倒计时或定时任务等场景。jQuery实现倒计时的核心在于对Date对象的处理和定时器(setTimeout或setInterval)的使用。以下我们将详细探讨这一过程: 1. ...

    js实现倒计时效果

    倒计时效果是网页应用中常见的需求,例如用于活动开始前的预告或者考试倒计时等。 首先,我们需要了解JavaScript中的时间处理。JS使用`Date`对象来处理日期和时间,我们可以利用它的方法获取当前时间,然后根据目标...

    jQuery在线考试倒计时界面.rar

    综上所述,这个项目展示了如何使用jQuery和JavaScript实现一个前端考试系统,涵盖了DOM操作、时间管理、CSS样式设计以及可视化图表的创建等多个方面的技术。虽然没有后端数据库支持,但通过精心设计的前端逻辑,依然...

    html5输入时间设置倒计时代码

    倒计时通常用于事件即将发生的提醒,例如在线考试、拍卖结束或活动开始前的提示。它的核心逻辑是计算当前时间与设定的结束时间之间的差值,并根据这个差值更新显示的时间。下面我们将深入讨论如何实现这样一个功能。...

    ASP.NET实现javascript无刷新倒计时.doc

    在ASP.NET中实现JavaScript无刷新倒计时是一个常见的需求,主要应用于实时显示即将到达的某个时间点,如活动开始时间、考试结束时间等场景。在这个过程中,后端负责提供初始的倒计时时间,前端通过JavaScript来实时...

    理想Web倒计时器的设计与实现

    然而,传统的JavaScript实现的倒计时器存在诸多局限性,比如无法防止页面刷新或关闭后重新计时、计时不够精确等问题。本文旨在探讨一种结合动态脚本(如ASP、PHP、JSP)与JavaScript技术的新型倒计时器设计方案,该...

    简单实用的js倒计时 时分秒倒计时

    总的来说,JavaScript实现时分秒倒计时是一项基础但实用的技能,通过熟练掌握这一技术,开发者可以为用户提供更加直观和互动的体验。无论是简单的网页计时还是复杂的业务逻辑,理解并应用这些基础知识都是至关重要的...

    JS实现获取当前时间和倒计时功能

    在本文中,我们将深入探讨如何使用JavaScript来实现获取当前时间以及倒计时功能。 一、获取当前时间 在JavaScript中,获取当前时间通常使用`Date`对象。你可以创建一个新的`Date`实例,然后通过其方法获取年、月、...

    Javascript的倒计时显示特效

    JavaScript倒计时显示特效是一种常见的前端技术,常用于活动预告、考试倒计时等场景。在不依赖任何第三方库的情况下,我们可以通过纯JavaScript代码实现这一功能。本文将深入讲解如何用JavaScript来创建一个兼容IE6...

    JS倒计时源码

    JavaScript(简称JS)倒计时源码是一种常见的前端开发技术,用于实现网页上的时间计时功能,例如活动截止、考试开始等场景。本资源包含一个实现了天、小时、分钟和秒显示的倒计时功能的JS代码示例。下面将详细讲解JS...

    jquery 时间倒计时

    在网页开发中,有时我们需要实现一个动态的时间倒计时功能,比如活动倒计时、考试倒计时等,这时jQuery的jCountdown插件就显得非常实用。jCountdown是一款基于jQuery的圆形时间倒计时插件,它能够优雅地展示剩余时间...

    javascript 倒计时 实例

    JavaScript倒计时是一种常见的时间显示方式,常用于网站上的活动预告、考试倒计时或重要事件提醒等。在这个实例中,我们结合了JavaScript、CSS和jQuery来创建一个动态且具有视觉效果的倒计时计时器。以下是相关知识...

    js倒计时,可设置开始结束时间

    在JavaScript编程中,倒计时(Countdown)是一种常见的功能,常用于网页中的限时活动、考试倒计时或倒计时计时器等场景。本教程将深入探讨如何创建一个可配置的倒计时功能,包括设置开始时间和结束时间,并且能够...

    HTML倒计时(JS特效)

    在实际应用中,JS倒计时特效的实现方式多样,可以是纯JavaScript,也可以结合使用库和框架如jQuery或Vue.js。此外,为了确保跨时区和不同设备的正确性,开发者需要注意处理时区差异,并考虑用户设备的性能,避免过度...

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

    总结来说,构建一个完整的考试系统js倒计时功能,不仅需要实现倒计时的显示,还要确保在时间耗尽时能够自动提交答案。这涉及到JavaScript的定时器、DOM操作、以及与服务器的通信等多个方面。同时,还需要考虑安全性...

Global site tag (gtag.js) - Google Analytics