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中文入门指南,翻译加实例,jQuery的起点教程
Feb 09 Javascript
Mootools 1.2教程 Fx.Tween的使用
Sep 15 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
Jul 10 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
Nov 25 Javascript
JavaScript 学习笔记之操作符
Jan 14 Javascript
jQuery组件easyui基本布局实现代码
Aug 25 Javascript
Angular2监听页面大小变化的解决方法
Oct 09 Javascript
使用Vue开发自己的Chrome扩展程序过程详解
Jun 21 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
Sep 10 Javascript
js实现查询商品案例
Jul 22 Javascript
Webpack的Loader和Plugin的区别
Nov 09 Javascript
js实现纯前端压缩图片
Nov 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
扩展你的 PHP 之入门篇
2006/12/04 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
详解WordPress开发中的get_post与get_posts函数使用
2016/01/04 PHP
PHP 的比较运算与逻辑运算详解
2016/05/12 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
php之header的不同用法总结(实例讲解)
2017/11/28 PHP
PHP中的访问修饰符简单比较
2019/02/02 PHP
PHP生成二维码与识别二维码的方法详解【附源码下载】
2019/03/07 PHP
JS图片预加载 JS实现图片预加载应用
2012/12/03 Javascript
jQuery 删除/替换DOM元素的几种方式
2014/05/20 Javascript
Nodejs学习笔记之Stream模块
2015/01/13 NodeJs
JS实现很实用的对联广告代码(可自适应高度)
2015/09/18 Javascript
JavaScript encodeURI 和encodeURIComponent
2015/12/04 Javascript
JavaScript实现简洁的俄罗斯方块完整实例
2016/03/01 Javascript
一道关于JavaScript变量作用域的面试题
2016/03/08 Javascript
js实现带农历和八字等信息的日历特效
2016/05/16 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
2017/09/22 Javascript
webstorm和.vue中es6语法报错的解决方法
2018/05/08 Javascript
重新认识vue之事件阻止冒泡的实现
2018/08/02 Javascript
vue通过数据过滤实现表格合并
2020/11/30 Javascript
更优雅的微信小程序骨架屏实现详解
2019/08/07 Javascript
在HTML中使用JavaScript的两种方法
2020/12/24 Javascript
[03:20]次级联赛厮杀超职业 现超级兵对拆世纪大战
2014/10/30 DOTA
python如何压缩新文件到已有ZIP文件
2018/03/14 Python
查找python项目依赖并生成requirements.txt的方法
2018/07/10 Python
python opencv读mp4视频的实例
2018/12/07 Python
AmazeUI中各种的导航式菜单与解决方法
2020/08/19 HTML / CSS
营业员实习自我鉴定
2013/12/07 职场文书
班组安全员工作职责
2014/02/01 职场文书
飞机制造技术专业求职信
2014/07/27 职场文书
秦始皇兵马俑导游词
2015/02/02 职场文书
班主任寄语2015
2015/02/26 职场文书
甲午风云观后感
2015/06/02 职场文书
MySQL的存储函数与存储过程的区别解析
2022/04/08 MySQL