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 相关文章推荐
jQuery学习5 jQuery事件模型
Feb 07 Javascript
js获取select标签选中值的两种方式
Jan 09 Javascript
自写的jQuery异步加载数据添加事件
May 15 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
Feb 28 Javascript
JQuery中层次选择器用法实例详解
May 18 Javascript
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
vue获取DOM元素并设置属性的两种实现方法
Sep 30 Javascript
详解Vuex管理登录状态
Nov 13 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
Nov 27 Javascript
微信小程序3种位置API的使用方法详解
Aug 05 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
Oct 23 Javascript
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
Jul 28 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
从零开始的异世界生活:第二季延期后,B站上架了第二部剧场版
2020/05/06 日漫
上海无线电三厂简史修改版
2021/03/01 无线电
PHP 危险函数全解析
2009/09/09 PHP
PHP中的函数嵌套层数限制分析
2011/06/13 PHP
PHP调用JAVA的WebService简单实例
2014/03/11 PHP
PHP中file_exists函数不支持中文名的解决方法
2014/07/26 PHP
php简单smarty入门程序实例
2015/06/11 PHP
JavaScript与C# Windows应用程序交互方法
2007/06/29 Javascript
JavaScript 基础篇之运算符、语句(二)
2012/04/07 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
使用jQuery不判断浏览器高度解决iframe自适应高度问题
2014/12/16 Javascript
jquery对复选框(checkbox)的操作汇总
2016/01/13 Javascript
jQuery使用cookie与json简单实现购物车功能
2016/04/15 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
2017/04/13 Javascript
vuejs手把手教你写一个完整的购物车实例代码
2017/07/06 Javascript
phantomjs导出html到pdf的方法总结
2017/10/19 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
2017/12/08 Javascript
js原生实现移动端手指滑动轮播图效果的示例
2018/01/02 Javascript
浅谈vue项目重构技术要点和总结
2018/01/23 Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
2018/02/11 Javascript
JavaScript文本特效实例小结【3个示例】
2018/12/22 Javascript
解决vue项目获取dom元素宽高总是不准确问题
2020/07/29 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
2020/09/14 Javascript
基于vue的video播放器的实现示例
2021/02/19 Vue.js
[22:20]初生之犊-TI4第5名LGD战队纪录片
2014/08/13 DOTA
[24:42]VP vs TNC Supermajor小组赛B组 BO3 第三场 6.2
2018/06/03 DOTA
[47:50]Secret vs VP 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python 分离文件名和路径以及分离文件名和后缀的方法
2018/10/21 Python
django mysql数据库及图片上传接口详解
2019/07/18 Python
用python查找统一局域网下ip对应的mac地址
2021/01/13 Python
python快速安装OpenCV的步骤记录
2021/02/22 Python
一款纯css3实现的鼠标悬停动画按钮
2014/12/29 HTML / CSS
世界知名接发和假发品牌:Poze Hair
2017/03/08 全球购物
产品质量保证书范本
2015/02/27 职场文书
2016秋季校长开学典礼致辞
2015/11/26 职场文书
python爬取网页版QQ空间,生成各类图表
2021/06/02 Python