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 相关文章推荐
基于node.js的快速开发透明代理
Dec 25 Javascript
javascript中验证大写字母、数字和中文
Jan 15 Javascript
JavaScript构造函数详解
Dec 27 Javascript
深入浅析knockout源码分析之订阅
Jul 12 Javascript
详细探究ES6之Proxy代理
Jul 22 Javascript
基于Marquee.js插件实现的跑马灯效果示例
Jan 25 Javascript
详解webpack 多入口配置
Jun 16 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
微信小程序实现导航栏和内容上下联动功能代码
Jun 29 Javascript
OpenLayers加载缩放控件使用方法详解
Sep 25 Javascript
VUE-ElementUI 自定义Loading图操作
Nov 11 Javascript
Vue项目中如何封装axios(统一管理http请求)
May 02 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
慎用preg_replace危险的/e修饰符(一句话后门常用)
2013/06/19 PHP
ThinkPHP实现带验证码的文件上传功能实例
2014/11/01 PHP
一个实用的php验证码类
2017/07/06 PHP
PHP PDOStatement::execute讲解
2019/01/31 PHP
php面向对象重点知识分享
2019/09/27 PHP
jquery div 居中技巧应用介绍
2012/11/24 Javascript
基于jQuery实现模拟页面加载进度条
2013/04/01 Javascript
javascript中的toFixed固定小数位数 简单实例分享
2013/07/12 Javascript
jQuery实现移动 和 渐变特效的点击事件
2015/02/26 Javascript
DOM操作一些常用的属性汇总
2015/03/13 Javascript
JavaScript检测上传文件大小的方法
2015/07/22 Javascript
Vue.js每天必学之过滤器与自定义过滤器
2016/09/07 Javascript
AngularJS入门教程之数据绑定用法示例
2016/11/01 Javascript
vue-router单页面路由
2017/06/17 Javascript
javascript将json格式数组下载为excel表格的方法
2017/12/22 Javascript
vue生命周期实例小结
2018/08/15 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
2018/10/09 Javascript
vue-cli脚手架引入弹出层layer插件的几种方法
2019/06/24 Javascript
[05:23]DOTA2-DPC中国联赛2月1日Recap集锦
2021/03/11 DOTA
python实现简单温度转换的方法
2015/03/13 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
Pytorch evaluation每次运行结果不同的解决
2020/01/02 Python
Python+OpenCV实现旋转文本校正方式
2020/01/09 Python
基于SpringBoot构造器注入循环依赖及解决方式
2020/04/26 Python
使用CSS3配合IE滤镜实现渐变和投影的效果
2015/09/06 HTML / CSS
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
行政助理求职自荐信
2013/10/26 职场文书
设计总监岗位职责
2013/12/07 职场文书
学习党课思想汇报
2013/12/29 职场文书
安全生产计划书
2014/05/04 职场文书
医生党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
公司委托书格式范文
2014/10/09 职场文书
防溺水安全教育主题班会
2015/08/12 职场文书
SQL实现LeetCode(196.删除重复邮箱)
2021/08/07 MySQL
实例详解Python的进程,线程和协程
2022/03/13 Python