本文实例讲述了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倒计时代码
- js倒计时小程序
- js几秒以后倒计时跳转示例
- js实现网页倒计时、网站已运行时间功能的代码3例
- js实现发送验证码后的倒计时功能
- JS实现可调整倒计时间代码分享
- JS自动倒计时30秒后按钮才可用(两种场景)
- Javascript实现商品秒杀倒计时(时间与服务器时间同步)
- 纯jsp实现的倒计时动态显示效果完整代码
- 基于Javascript实现倒计时功能