javascript页面倒计时实例

 更新时间:2015年07月25日 17:01:05   作者:whylyq  
这篇文章主要介绍了javascript页面倒计时实现方法,可实现简单的页面倒计时及自动提交表单功能,非常简单实用,需要的朋友可以参考下

本文实例讲述了javascript页面倒计时实现方法。分享给大家供大家参考。具体实现方法如下:

<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=120*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>

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器

    JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器

    JavaScript 操作键盘的Enter事件(键盘任何事件),支持各种浏览器,需要的朋友可以参考下。
    2010-10-10
  • javascript Array数组对象的扩展函数代码

    javascript Array数组对象的扩展函数代码

    我们经常给 String,Function,Array 的原型加上自定义的扩展函数,比如去除字符串空格,数组排序等
    2010-05-05
  • js实现电子时钟功能

    js实现电子时钟功能

    这篇文章主要为大家详细介绍了js实现电子时钟功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • xml转json的js代码

    xml转json的js代码

    xml转json的js代码,需要的朋友可以参考下
    2012-08-08
  • Javascript函数式编程简单介绍

    Javascript函数式编程简单介绍

    什么是函数式编程?根据百度百科的描述,“函数式编程是种编程典范,它将电脑运算视为函数的计算。函数编程语言最重要的基础是 λ 演算(lambda calculus)。而且λ演算的函数可以接受函数当作输入(参数)和输出(返回值)。”
    2015-10-10
  • JS面向对象编程实现的Tab选项卡案例详解

    JS面向对象编程实现的Tab选项卡案例详解

    这篇文章主要介绍了JS面向对象编程实现的Tab选项卡,结合具体案例形式详细分析了JS基于面向对象程序设计实现Tab选项卡的相关操作技巧,需要的朋友可以参考下
    2020-03-03
  • 微信小程序后端(java)开发流程的详细步骤

    微信小程序后端(java)开发流程的详细步骤

    这篇文章主要介绍了微信小程序后端开发流程的详细步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • 关于AOP在JS中的实现与应用详解

    关于AOP在JS中的实现与应用详解

    这篇文章主要给大家介绍了关于AOP在JS中的实现与应用的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用JS具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05
  • JavaScript数组排序功能简单实现

    JavaScript数组排序功能简单实现

    这篇文章主要介绍了JavaScript数组排序功能简单实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • js判断选择的时间是否大于今天的代码

    js判断选择的时间是否大于今天的代码

    判断选择的时间是否大于今天还是蛮实用的,下面与大家分享下具体的实现,感兴趣的朋友可以参考下
    2013-08-08

最新评论