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 在线压缩和格式化收藏
Jan 16 Javascript
javascript 动态table添加colspan\rowspan 参数的方法
Jul 25 Javascript
两种简单实现菜单高亮显示的JS类代码
Jun 27 Javascript
高亮显示web页表格行的javascript代码
Nov 19 Javascript
JavaScript在多浏览器下for循环的使用方法
Nov 07 Javascript
JavaScript删除指定子元素代码实例
Jan 13 Javascript
jQuery中scrollLeft()方法用法实例
Jan 16 Javascript
AngularJs $parse、$eval和$observe、$watch详解
Sep 21 Javascript
jquery动态创建div与input的实例代码
Oct 12 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
JavaScript的继承实现小结
May 07 Javascript
微信小程序使用navigateTo数据传递的实例
Sep 26 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中计算中文字符串长度、截取中文字符串的函数代码
2011/08/09 PHP
setcookie中Cannot modify header information-headers already sent by错误的解决方法详解
2013/05/08 PHP
php实现的mongodb操作类实例
2015/04/03 PHP
php生成curl命令行的方法
2015/12/14 PHP
Laravel 6 将新增为指定队列任务设置中间件的功能
2019/08/06 PHP
js类中获取外部函数名的方法
2007/08/19 Javascript
jMessageBox 基于jQuery的窗口插件
2009/12/09 Javascript
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
使用js复制链接中的部分文字的方法
2015/07/30 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
2016/12/30 Javascript
AngularJS实现tab选项卡的方法详解
2017/07/05 Javascript
浅谈关于axios和session的一些事
2017/07/13 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
利用adb shell和node.js实现抖音自动抢红包功能(推荐)
2018/02/22 Javascript
微信小程序访问豆瓣电影api的实现方法
2019/03/31 Javascript
layui多iframe页面控制定时器运行的方法
2019/09/05 Javascript
vue+echarts实现中国地图流动效果(步骤详解)
2021/01/27 Vue.js
python机器学习之神经网络(三)
2017/12/20 Python
浅谈Python小波分析库Pywavelets的一点使用心得
2019/07/09 Python
python单向链表的基本实现与使用方法【定义、遍历、添加、删除、查找等】
2019/10/24 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
pytorch  网络参数 weight bias 初始化详解
2020/06/24 Python
Python getsizeof()和getsize()区分详解
2020/11/20 Python
关于python中remove的一些坑小结
2021/01/04 Python
thinkphp5 路由分发原理
2021/03/18 PHP
澳大利亚免息网上购物:Shop Zero
2016/09/17 全球购物
英国最大的线上保健品零售商之一:Vitamin Planet
2016/12/01 全球购物
美国领先的男士和女士内衣购物网站:Freshpair
2019/02/25 全球购物
神话般的珠宝:Ross-Simons
2020/07/13 全球购物
广告学毕业生求职信
2014/01/30 职场文书
《搭石》教学反思
2014/04/07 职场文书
英文求职信范文
2014/05/23 职场文书
公司离职证明样本
2014/09/13 职场文书
2014年财务科工作总结
2014/11/11 职场文书
正确使用MySQL update语句
2021/05/26 MySQL
SSM项目使用拦截器实现登录验证功能
2022/01/22 Java/Android