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 清除输入框中的数据
Apr 13 Javascript
jQuery DOM操作小结与实例
Jan 07 Javascript
js读取配置文件自写
Feb 11 Javascript
自己使用js/jquery写的一个定制对话框控件
May 02 Javascript
JavaScript中模拟实现jsonp
Jun 19 Javascript
JavaScript中数组去除重复的三种方法
Apr 22 Javascript
javascript中的后退和刷新实现方法
Nov 10 Javascript
详解Angular的8个主要构造块
Jun 20 Javascript
详解关于vue-area-linkage走过的坑
Jun 27 Javascript
浅谈JavaScript 代码简洁之道
Jan 09 Javascript
layui数据表格 table.render 报错的解决方法
Sep 29 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
Jan 16 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
用libtemplate实现静态网页生成
2006/10/09 PHP
浅谈PHP接收POST数据方式
2015/06/05 PHP
PHP中Enum(枚举)用法实例详解
2015/12/07 PHP
js parsefloat parseint 转换函数
2010/01/21 Javascript
基于jQuery的合并表格中相同文本的相邻单元格的代码
2011/04/06 Javascript
Javascript绝句欣赏 一些经典的js代码
2012/02/22 Javascript
jquery如何改变html标签的样式(两种实现方法)
2013/01/16 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
2015/04/21 Javascript
JavaScript实现获得所有兄弟节点的方法
2015/07/23 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
2015/12/31 Javascript
javascript jquery对form元素的常见操作详解
2016/06/12 Javascript
js图片上传前预览功能(兼容所有浏览器)
2016/08/24 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
2016/09/24 Javascript
JavaScript表单验证实现代码
2017/05/22 Javascript
使用jQuery实现页面定时弹出广告效果
2017/08/24 jQuery
Webpack devServer中的 proxy 实现跨域的解决
2018/06/15 Javascript
解决vue 项目引入字体图标报错、不显示等问题
2018/09/01 Javascript
layer.open的自适应及居中及子页面标题的修改方法
2019/09/05 Javascript
npm 语义版本控制详解
2019/09/10 Javascript
JS数组的高级使用方法示例小结
2020/03/14 Javascript
微信小程序点击滚动到指定位置的实现
2020/05/22 Javascript
Python实现同时兼容老版和新版Socket协议的一个简单WebSocket服务器
2014/06/04 Python
Python自动生产表情包
2017/03/17 Python
Python时间的精准正则匹配方法分析
2017/08/17 Python
基于python代码实现简易滤除数字的方法
2018/07/17 Python
python pygame实现五子棋小游戏
2020/10/26 Python
Python一键查找iOS项目中未使用的图片、音频、视频资源
2019/08/12 Python
通过python实现windows桌面截图代码实例
2020/01/17 Python
汽车专业大学生职业生涯规划范文
2014/01/07 职场文书
小学学校门卫岗位职责
2014/08/03 职场文书
2014年酒店工作总结范文
2014/11/17 职场文书
2014年初三班主任工作总结
2014/12/05 职场文书
大学生创业计划书
2019/06/24 职场文书
Sql Server之数据类型详解
2022/02/28 SQL Server
vue 数字翻牌器动态加载数据
2022/04/20 Vue.js
MySQL 原理与优化之原数据锁的应用
2022/08/14 MySQL