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 相关文章推荐
Mootools 1.2教程 Tooltips
Sep 15 Javascript
jquery jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
Dec 31 Javascript
JavaScript来实现打开链接页面的简单实例
Jun 02 Javascript
原生js实现tab选项卡切换
Mar 23 Javascript
简单理解vue中实例属性vm.$els
Dec 01 Javascript
基于vue2实现左滑删除功能
Nov 28 Javascript
详解angular2如何手动点击特定元素上的点击事件
Oct 16 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
Nov 30 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
Dec 09 Javascript
使用JS实现动态时钟
Mar 12 Javascript
jQuery实现推拉门效果
Oct 19 jQuery
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面向对象程序设计之接口用法
2014/08/20 PHP
php 批量查询搜狗sogou代码分享
2015/05/17 PHP
php类常量用法实例分析
2015/07/09 PHP
PHP实现腾讯与百度坐标转换
2017/08/05 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
PHP7 新增功能
2021/03/09 PHP
jquery命令汇总,方便使用jquery的朋友
2012/06/26 Javascript
纯Javascript实现ping功能的方法
2015/03/20 Javascript
设置点击文本框或图片弹出日历控件的实现代码
2016/05/12 Javascript
快速解决js开发下拉框中blur与click冲突
2016/10/10 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
2016/10/27 Javascript
Node.js数据库操作之连接MySQL数据库(一)
2017/03/04 Javascript
nodejs操作mysql实现增删改查的实例
2017/05/28 NodeJs
js 两数组去除重复数值的实例
2017/12/06 Javascript
jQuery实现简单的下拉菜单导航功能示例
2017/12/07 jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
2019/01/08 jQuery
js中int和string数据类型互相转化实例
2019/01/16 Javascript
详解element-ui中form验证杂记
2019/03/04 Javascript
python关闭windows进程的方法
2015/04/18 Python
python实现的二叉树定义与遍历算法实例
2017/06/30 Python
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
Python基于plotly模块实现的画图操作示例
2019/01/23 Python
Python3将数据保存为txt文件的方法
2019/09/12 Python
使用python绘制cdf的多种实现方法
2020/02/25 Python
python图片指定区域替换img.paste函数的使用
2020/04/09 Python
Python基于Hypothesis测试库生成测试数据
2020/04/29 Python
基于python实现查询ip地址来源
2020/06/02 Python
计算机专业职业生涯规划范文
2014/01/19 职场文书
美德少年事迹材料
2014/01/23 职场文书
平安校园建设方案
2014/05/02 职场文书
2014教师党员自我评议总结
2014/09/19 职场文书
个人作风建设心得体会
2014/10/22 职场文书
2014个人年终工作总结范文
2014/12/15 职场文书
保护环境建议书作文500字
2015/09/14 职场文书
2016教师学习党章心得体会
2016/01/15 职场文书
《老人与海鸥》教学反思
2016/02/16 职场文书