javascript页面倒计时实例


Posted in Javascript onJuly 25, 2015

本文实例讲述了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 相关文章推荐
学习ExtJS(二) Button常用方法
Oct 07 Javascript
页面回到顶部的三种实现(锚标记,js)
Oct 01 Javascript
顶部缓冲下拉菜单导航特效的JS代码
Aug 27 Javascript
关于JavaScript的变量的数据类型的判断方法
Aug 14 Javascript
require简单实现单页应用程序(SPA)
Jul 12 Javascript
jQuery实现的自定义滚动条实例详解
Sep 20 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
Feb 15 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
Jun 29 Javascript
vue+element实现批量删除功能的示例
Feb 28 Javascript
AngularJS上传文件的示例代码
Nov 10 Javascript
详解JS函数防抖
Jun 05 Javascript
详解JavaScript类型判断的四种方法
Oct 21 Javascript
javascript解析xml实现省市县三级联动的方法
Jul 25 #Javascript
基于javascript实现单选及多选的向右和向左移动实例
Jul 25 #Javascript
javascript实现信息增删改查的方法
Jul 25 #Javascript
jQuery菜单插件用法实例
Jul 25 #Javascript
javascript单例模式的简单实现方法
Jul 25 #Javascript
JavaScript类继承及实例化的方法
Jul 25 #Javascript
JavaScript对Cookie进行读写操作实例
Jul 25 #Javascript
You might like
PHP管理依赖(dependency)关系工具 Composer 安装与使用
2014/08/18 PHP
typecho插件编写教程(二):写一个新插件
2015/05/28 PHP
用javascript实现自定义标签
2007/05/08 Javascript
javascript 对象定义方法 简单易学
2009/03/22 Javascript
使用JavaScript链式编程实现模拟Jquery函数
2014/12/21 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
2015/02/02 Javascript
javascript异步编程代码书写规范Promise学习笔记
2015/02/11 Javascript
js识别uc浏览器的代码
2015/11/06 Javascript
原生JavaScript实现Ajax的方法
2016/04/07 Javascript
AngularJS入门教程之服务(Service)
2016/07/27 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
2016/12/14 Javascript
详解能在多种前端框架下使用的表格控件
2017/01/11 Javascript
js读取本地文件的实例
2017/12/22 Javascript
Angular整合zTree的示例代码
2018/01/24 Javascript
使用JS获取页面上的所有标签
2018/10/18 Javascript
vue实现随机验证码功能(完整代码)
2019/12/10 Javascript
Vue的全局过滤器和私有过滤器的实现
2020/04/20 Javascript
[01:15:15]VG VS EG Supermajor小组赛B组胜者组第一轮 BO3第二场 6.2
2018/06/03 DOTA
跨平台python异步回调机制实现和使用方法
2013/11/26 Python
windows安装TensorFlow和Keras遇到的问题及其解决方法
2019/07/10 Python
python中eval与int的区别浅析
2019/08/11 Python
python自动保存百度盘资源到百度盘中的实例代码
2019/08/26 Python
Django中FilePathField字段的用法
2020/05/21 Python
Vs Code中8个好用的python 扩展插件
2020/10/12 Python
python中slice参数过长的处理方法及实例
2020/12/15 Python
CSS3混合模式mix-blend-mode/background-blend-mode简介
2018/03/15 HTML / CSS
几个MySql的面试题
2013/04/22 面试题
yy生日主持词
2014/03/20 职场文书
公司廉洁自律承诺书
2014/03/27 职场文书
教导主任竞聘演讲稿
2014/05/16 职场文书
计算机专业自荐信
2014/05/24 职场文书
作风建设剖析材料
2014/10/06 职场文书
法律意见书范文
2015/06/04 职场文书
竞聘书的秘诀
2019/04/02 职场文书
财务会计个人原因辞职信
2019/06/21 职场文书
HTML CSS 一个标签实现带动画的抖音LOGO
2022/04/26 HTML / CSS