首页 > 编程 > JavaScript > 正文

javascript页面倒计时实例

2019-11-20 11:59:52
字体:
来源:转载
供稿:网友

本文实例讲述了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程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表