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 27 Javascript
JavaScript实现添加及删除事件的方法小结
Aug 04 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
Aug 25 Javascript
jquery实现树形菜单完整代码
Dec 29 Javascript
Bootstrap table表格简单操作
Feb 07 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
Sep 20 Javascript
基于vue-ssr服务端渲染入门详解
Jan 08 Javascript
微信小程序使用component自定义toast弹窗效果
Nov 27 Javascript
js实现跳一跳小游戏
Jul 31 Javascript
解决VueCil代理本地proxytable无效报错404的问题
Nov 07 Javascript
JavaScript实现无限轮播效果
Nov 19 Javascript
手写Vue源码之数据劫持示例详解
Jan 04 Vue.js
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
Windows7下PHP开发环境安装配置图文方法
2010/05/20 PHP
php操作mysqli(示例代码)
2013/10/28 PHP
php导出word文档与excel电子表格的简单示例代码
2014/03/08 PHP
PHP不用递归实现无限分级的例子分享
2014/04/18 PHP
php进行支付宝开发中return_url和notify_url的区别分析
2014/12/22 PHP
twig模板获取全局变量的方法
2016/02/05 PHP
jquery简单体验
2007/01/10 Javascript
JQuery Tips(3) 关于$()包装集内元素的改变
2009/12/14 Javascript
javascript 45种缓动效果 非常酷
2011/06/28 Javascript
深入理解javascript学习笔记(一) 编写高质量代码
2012/08/09 Javascript
js通过元素class名字获取元素集合的具体实现
2014/01/06 Javascript
Javascript中的匿名函数与封装介绍
2015/03/15 Javascript
jquery ajax 如何向jsp提交表单数据
2015/08/23 Javascript
javascript电商网站抢购倒计时效果实现
2015/11/19 Javascript
Nodejs爬虫进阶教程之异步并发控制
2016/02/15 NodeJs
Node.js实用代码段之获取Buffer对象字节长度
2016/03/17 Javascript
微信扫码支付零云插件版实例详解
2017/04/26 Javascript
angular2+node.js express打包部署的实战
2017/07/27 Javascript
EasyUI的DataGrid每行数据添加操作按钮的实现代码
2017/08/22 Javascript
nodejs实现超简单生成二维码的方法
2018/03/17 NodeJs
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
vue项目如何监听localStorage或sessionStorage的变化
2021/01/04 Vue.js
[00:32]2018DOTA2亚洲邀请赛出场——VP
2018/04/04 DOTA
pygame播放音乐的方法
2015/05/19 Python
编写Python脚本抓取网络小说来制作自己的阅读器
2015/08/20 Python
对Python w和w+权限的区别详解
2019/01/23 Python
opencv与numpy的图像基本操作
2019/03/08 Python
Python操作rabbitMQ的示例代码
2019/03/19 Python
Django框架实现分页显示内容的方法详解
2019/05/10 Python
Python列表去重复项的N种方法(实例代码)
2020/05/12 Python
css3的@media属性实现页面响应式布局示例代码
2014/02/10 HTML / CSS
保安部任务及岗位职责
2014/02/25 职场文书
2014报到证办理个人委托书
2014/10/08 职场文书
2014年工程师工作总结
2014/11/25 职场文书
保证金退回承诺函格式
2015/01/21 职场文书
幼儿园卫生保健制度
2015/08/05 职场文书