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 网页跳转的方法
Dec 24 Javascript
YUI模块开发原理详解
Nov 18 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
Dec 12 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
JavaScript中的setUTCDate()方法使用详解
Jun 11 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
Sep 04 Javascript
玩转NODE.JS(四)-搭建简单的聊天室的代码
Nov 11 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
Dec 12 Javascript
微信小程序项目实践之九宫格实现及item跳转功能
Jul 19 Javascript
JavaScript数组、json对象、eval()函数用法实例分析
Feb 21 Javascript
Vue自定义全局Toast和Loading的实例详解
Apr 18 Javascript
JS原型对象操作实例分析
Jun 06 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 字符截取 解决中文的截取问题,不用mb系列
2009/09/29 PHP
php实现简易计算器
2020/08/28 PHP
JS实现多物体缓冲运动实例代码
2013/11/29 Javascript
扩展JS Date对象时间格式化功能的小例子
2013/12/02 Javascript
jquery中event对象属性与方法小结
2013/12/18 Javascript
完美实现仿QQ空间评论回复特效
2015/05/06 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
2016/02/15 Javascript
微信小程序 使用canvas制作K线实例详解
2017/01/12 Javascript
基于vue2.0实现的级联选择器
2017/06/09 Javascript
详解Vue整合axios的实例代码
2017/06/21 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
2017/10/27 Javascript
微信小程序日历组件使用方法详解
2018/12/29 Javascript
bootstrap下拉分页样式 带跳转页码
2018/12/29 Javascript
详解基于webpack&amp;gettext的前端多语言方案
2019/01/29 Javascript
JS利用prototype给类添加方法操作详解
2019/06/21 Javascript
在vue项目中使用sass语法问题
2019/07/18 Javascript
js实现自动播放匀速轮播图
2020/02/06 Javascript
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
Vue多选列表组件深入详解
2021/03/02 Vue.js
详解在Python的Django框架中创建模板库的方法
2015/07/20 Python
Python利用递归和walk()遍历目录文件的方法示例
2017/07/14 Python
Python开发中爬虫使用代理proxy抓取网页的方法示例
2017/09/26 Python
教你用一行Python代码实现并行任务(附代码)
2018/02/02 Python
pandas.DataFrame.to_json按行转json的方法
2018/06/05 Python
浅谈DataFrame和SparkSql取值误区
2018/06/09 Python
python文本数据处理学习笔记详解
2019/06/17 Python
python tkinter组件使用详解
2019/09/16 Python
通过 Python 和 OpenCV 实现目标数量监控
2020/01/05 Python
Python 爬虫性能相关总结
2020/08/03 Python
Python如何将将模块分割成多个文件
2020/08/04 Python
extern在函数声明中是什么意思
2014/01/19 面试题
北京一家公司的.net开发工程师笔试题
2012/04/17 面试题
离婚协议书怎么写
2015/01/26 职场文书
2015小学教师年度考核工作总结
2015/05/12 职场文书
MySQL慢查询的坑
2021/04/28 MySQL
Python中的matplotlib绘制百分比堆叠柱状图,并为每一个类别设置不同的填充图案
2022/04/20 Python