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 相关文章推荐
javascript编程起步(第六课)
Feb 27 Javascript
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
May 24 Javascript
如何让页面在打开时自动刷新一次让图片全部显示
Dec 17 Javascript
常用js字符串判断方法整理
Oct 18 Javascript
Bootstrap中的fileinput 多图片上传及编辑功能
Sep 05 Javascript
JS中把函数作为另一函数的参数传递方法(总结)
Jun 28 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
Oct 08 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
Feb 22 Javascript
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
Vue CLI3.0中使用jQuery和Bootstrap的方法
Feb 28 jQuery
JS document form表单元素操作完整示例
Jan 13 Javascript
基于javascript的无缝滚动动画1
Aug 07 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+dojo 的数据库保存拖动布局的一个方法dojo 这里下载
2007/03/07 PHP
DedeCms模板安装/制作概述
2007/03/11 PHP
php 购物车的例子
2009/05/04 PHP
PHP is_dir() 判断给定文件名是否是一个目录
2010/05/10 PHP
让codeigniter与swfupload整合的最佳解决方案
2014/06/12 PHP
PHP连接MSSQL方法汇总
2016/02/05 PHP
PHP Callable强制指定回调类型的方法
2016/08/30 PHP
070823更新的一个[消息提示框]组件 兼容ie7
2007/08/29 Javascript
js常用排序实现代码
2010/12/28 Javascript
js的Prototype属性解释及常用方法
2014/05/08 Javascript
JavaScript数据结构和算法之二叉树详解
2015/02/11 Javascript
JS小数运算出现多为小数问题的解决方法
2016/06/02 Javascript
AngularJS中watch监听用法分析
2016/11/04 Javascript
深入理解javascript函数参数与闭包
2016/12/12 Javascript
微信小程序 首页制作简单实例
2017/04/07 Javascript
Vuejs实现带样式的单文件组件新方法
2017/05/02 Javascript
jQuery pjax 应用简单示例
2018/09/20 jQuery
前端Electron新手入门教程详解
2019/06/21 Javascript
JS中的const命令你真懂它吗
2020/03/08 Javascript
使用Python的Tornado框架实现一个简单的WebQQ机器人
2015/04/24 Python
简单谈谈Python中的闭包
2016/11/30 Python
Python简单定义与使用二叉树示例
2018/05/11 Python
对Python 除法负数取商的取整方式详解
2018/12/12 Python
python set集合使用方法解析
2019/11/05 Python
Python生成随机验证码代码实例解析
2020/06/09 Python
Python如何读写CSV文件
2020/08/13 Python
python基于openpyxl生成excel文件
2020/12/23 Python
TIME时代杂志台湾总代理:台时亚洲
2018/10/22 全球购物
校班主任推荐信范文
2013/12/03 职场文书
干部行政关系介绍信
2014/01/17 职场文书
公司党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2015年清明节演讲稿范文
2015/03/17 职场文书
2015年教师节新闻稿
2015/07/17 职场文书
2016廉洁教育心得体会
2016/01/20 职场文书
JavaScript实现简单图片切换
2021/04/29 Javascript
Python中生成随机数据安全性、多功能性、用途和速度方面进行比较
2022/04/14 Python