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 相关文章推荐
Jsonp 跨域的原理以及Jquery的解决方案
May 18 Javascript
常用的jQuery前端技巧收集
Dec 24 Javascript
JavaScript实现16进制颜色值转RGB的方法
Feb 09 Javascript
详解JavaScript中的事件流和事件处理程序
May 20 Javascript
JS加载器如何动态加载外部js文件
May 26 Javascript
js Canvas实现的日历时钟案例分享
Dec 25 Javascript
解决vue select当前value没有更新到vue对象属性的问题
Aug 30 Javascript
在vue中安装使用vux的教程详解
Sep 16 Javascript
详解Puppeteer前端自动化测试实践
Feb 21 Javascript
在layui下对元素进行事件绑定的实例
Sep 06 Javascript
node爬取新型冠状病毒的疫情实时动态
Feb 06 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
Oct 31 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+MYSQL的文章管理系统(二)
2006/10/09 PHP
php生成静态文件的多种方法分享
2012/07/17 PHP
php中get_defined_constants函数用法实例分析
2015/05/12 PHP
在Thinkphp中使用ajax实现无刷新分页的方法
2016/10/25 PHP
javascript与CSS复习(《精通javascript》)
2010/06/29 Javascript
js获取input标签的输入值实现代码
2013/08/05 Javascript
下拉列表select 由左边框移动到右边示例
2013/12/04 Javascript
jquery实现点击文字可编辑并修改保存至数据库
2014/04/15 Javascript
Bootstarp风格的toggle效果分享
2016/02/23 Javascript
深入理解Angular2 模板语法
2016/08/07 Javascript
微信小程序 开发之顶部导航栏实例代码
2017/02/23 Javascript
Bootstrap实现各种进度条样式详解
2017/04/13 Javascript
使用webpack打包后的vue项目如何正确运行(express)
2018/10/26 Javascript
在vue中获取微信支付code及code被占用问题的解决方法
2019/04/16 Javascript
vue 验证两次输入的密码是否一致的方法示例
2020/09/29 Javascript
原生JS实现音乐播放器的示例代码
2021/02/25 Javascript
python开发之str.format()用法实例分析
2016/02/22 Python
wxpython中Textctrl回车事件无效的解决方法
2016/07/21 Python
python实现决策树分类算法
2017/12/21 Python
python三引号输出方法
2019/02/27 Python
pyinstaller参数介绍以及总结详解
2019/07/12 Python
Pycharm中配置远程Docker运行环境的教程图解
2020/06/11 Python
全球性的众包图形设计市场:DesignCrowd
2021/02/02 全球购物
介绍一下SQL注入攻击的种类和防范手段
2012/02/18 面试题
师范教师毕业鉴定
2014/01/13 职场文书
《列夫托尔斯泰》教学反思
2014/02/10 职场文书
大学生个人自荐信
2014/02/24 职场文书
关于安全演讲稿
2014/05/09 职场文书
12岁生日演讲稿
2014/05/14 职场文书
工作证明范本(2篇)
2014/09/14 职场文书
邀请函怎么写
2015/01/30 职场文书
领导干部学习三严三实心得体会
2016/01/05 职场文书
高中数学课堂教学反思
2016/02/18 职场文书
导游词之西湖雷峰塔
2019/09/18 职场文书
Python Matplotlib库实现画局部图
2021/11/17 Python
Go语言 详解net的tcp服务
2022/04/14 Golang