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 相关文章推荐
css图片自适应大小
Nov 28 Javascript
jQuery修改class属性和CSS样式整理
Jan 30 Javascript
JavaScript获取数组最小值和最大值的方法
Jun 09 Javascript
Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
May 17 Javascript
JS随机打乱数组的方法小结
Jun 22 Javascript
js添加千分位的实现代码(超简单)
Aug 01 Javascript
js初始化验证实例详解
Nov 26 Javascript
web.js.字符串与正则表达式操作
May 13 Javascript
AngularJS自定义过滤器用法经典实例总结
May 17 Javascript
解析vue data不可以使用箭头函数问题
Jul 03 Javascript
原生JS实现逼真的图片3D旋转效果详解
Feb 16 Javascript
Javascript幻灯片播放功能实现过程解析
May 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数组合并array_merge()函数使用注意事项
2014/06/19 PHP
php操作csv文件代码实例汇总
2014/09/22 PHP
PHP 与 UTF-8 的最佳实践详细介绍
2017/01/04 PHP
探索Emberjs制作一个简单的Todo应用
2012/11/07 Javascript
javascript自动改变文字大小和颜色的效果的小例子
2013/08/02 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
2013/11/17 Javascript
页面装载js及性能分析方法介绍
2014/03/21 Javascript
js unicode 编码解析关于数据转换为中文的两种方法
2014/04/21 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
2015/03/17 Javascript
Js实现无刷新删除内容
2015/04/29 Javascript
JavaScript中数据结构与算法(四):串(BF)
2015/06/19 Javascript
jQuery简单创建节点的方法
2016/09/09 Javascript
JavaScript获取服务器时间的方法详解
2016/12/11 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
2018/01/23 Javascript
nodejs同步调用获取mysql数据时遇到的大坑
2019/03/02 NodeJs
百度小程序自定义通用toast组件
2019/07/17 Javascript
JavaScript实现PC端横向轮播图
2020/02/07 Javascript
Python编写生成验证码的脚本的教程
2015/05/04 Python
Python使用ntplib库同步校准当地时间的方法
2016/07/02 Python
python测试mysql写入性能完整实例
2018/01/18 Python
python3中函数参数的四种简单用法
2018/07/09 Python
Python使用try except处理程序异常的三种常用方法分析
2018/09/05 Python
基于pytorch 预训练的词向量用法详解
2020/01/06 Python
pytorch之Resize()函数具体使用详解
2020/02/27 Python
使用Python3 poplib模块删除服务器多天前的邮件实现代码
2020/04/24 Python
简述 Python 的类和对象
2020/08/21 Python
HTML5 创建canvas元素示例代码
2014/06/04 HTML / CSS
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
2017/08/24 HTML / CSS
英国口碑最好的的维他命胶囊品牌:Myvitamins(有中文站)
2016/12/03 全球购物
世界各地的当地人的食物体验:Eatwith
2019/07/26 全球购物
Feelunique澳大利亚:欧洲的化妆品零售电商
2019/12/18 全球购物
澳大利亚领先的男装零售连锁店:Lowes
2020/08/07 全球购物
单位介绍信范文
2014/01/18 职场文书
《火烧云》教学反思
2014/04/12 职场文书
2014年师德师风学习材料
2014/05/16 职场文书
大学生创业计划书怎么写
2014/09/15 职场文书