javascript页面倒计时实例

2015-7-25 21:04 1309 0

摘要: 本文实例讲述了javascript页面倒计时实现方法。分享给大家供大家参考。具体实现方法如下： ? 123456789101112131415161718192021222324252627282930313233343536373839404142 html head /head body input ...

关键词： name javascript 方法 1222324252627282 3141516171819202 text 1234567891011121 9303132333435363 程序设计 73839404142

本文实例讲述了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>