zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    Vue2.0权限树组件
    request.getParameter()获取不到数据的问题
    Spring framework体系架构
    iframe高度自适应的6个方法
    javascript 实现双指放大缩小旋转图片
    php curl请求返回NULL解决方法
    微信小程序判断手机有没有定位的方法
    微信小程序data-dd="{{dd}}"失效的解决方法
    PHP 网页编码问题
    pip install psd-tools安装失败方法
  • 原文地址:https://www.cnblogs.com/feiwenstyle/p/9519132.html
Copyright © 2011-2022 走看看