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 相关文章推荐
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
Mar 24 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
Nov 18 Javascript
javascript中style.left和offsetLeft的用法说明
Mar 07 Javascript
基于socket.io和node.js搭建即时通信系统
Jul 30 Javascript
JS模仿腾讯图片站的图片翻页按钮效果完整实例
Jun 21 Javascript
微信小程序  wx.request合法域名配置详解
Nov 23 Javascript
前端分页功能的实现以及原理(jQuery)
Jan 22 Javascript
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
Sep 10 Javascript
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
Vue Router的懒加载路径的解决方法
Jun 21 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
Sep 25 Javascript
浅谈vue的第一个commit分析
Jun 08 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
雄兵连三大错觉:凯莎没了,凉冰阵亡了,华烨觉得自己又行了
2020/04/09 国漫
解决了Ajax、MySQL 和 Zend Framework 的乱码问题
2009/03/03 PHP
windows平台中配置nginx+php环境
2015/12/06 PHP
PHP调用存储过程返回值不一致问题的解决方法分析
2016/04/26 PHP
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
2017/09/15 PHP
php 广告点击统计代码(php+mysql)
2018/02/21 PHP
javascript 自定义事件初探
2009/08/21 Javascript
jquery 选择器部分整理
2009/10/28 Javascript
js实现用户注册协议倒计时的方法
2015/01/21 Javascript
Node.js实现数据推送
2016/04/14 Javascript
js+html5实现半透明遮罩层弹框效果
2020/08/24 Javascript
vue-cli如何引入bootstrap工具的方法
2017/10/19 Javascript
弱类型语言javascript中 a,b 的运算实例小结
2019/08/07 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
2019/09/25 Javascript
Javascript实现秒表计时游戏
2020/05/27 Javascript
原生JS实现九宫格抽奖
2020/09/13 Javascript
python实现的DES加密算法和3DES加密算法实例
2015/06/03 Python
使用python语言,比较两个字符串是否相同的实例
2018/06/29 Python
Python3 安装PyQt5及exe打包图文教程
2019/01/08 Python
pandas数据集的端到端处理
2019/02/18 Python
Python IDE Pycharm中的快捷键列表用法
2019/08/08 Python
Python实现结构体代码实例
2020/02/10 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
Python基于pillow库实现生成图片水印
2020/09/14 Python
详解BeautifulSoup获取特定标签下内容的方法
2020/12/07 Python
纯CSS3实现圆圈动态发光特效动画的示例代码
2021/03/08 HTML / CSS
西铁城美国官方网站:Citizen Watch美国
2019/11/08 全球购物
表扬信格式
2014/01/12 职场文书
北体毕业生求职信
2014/02/28 职场文书
乡镇领导干部个人对照检查材料思想汇报
2014/09/23 职场文书
检讨书大全
2015/01/27 职场文书
2015年毕业生个人自荐书
2015/03/24 职场文书
求职自荐信范文(优秀篇)
2015/03/27 职场文书
车间统计员岗位职责
2015/04/14 职场文书
医院党建工作总结2015
2015/05/26 职场文书
环境保护宣传标语大全!
2019/06/28 职场文书