</p> <p> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> </p> <p> <title> </title> <style type="text/css"> * { margin:0; padding:0; } body { font:12px/20px Tahoma, Geneva, sans-serif;} ul li { list-style:none; } img { border:0 none;} a{ outline:0;} .tc{ text-align:center;} .none{display:none;} /*实例演示层固定样式*/ .demo{width:400px;margin:0 auto;padding:5px; border:1px #abb8be solid; border-radius:5px;} .demo #Countdown{font-weight:bold;color:#f00;} .clickBox{width:400px;height:45px;margin:0 auto; text-align:center;padding:10px;} </style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> </p> <div class="clickBox"> 秒数倒计时 </div> <div class="demo"> <span id="Countdown"></span>秒后再发一次 </div> <p> <script type="text/javascript"> function Timing(time,obj,msg){ var t=eval(parseInt(time)+1);//+1,初始页面显示time，而非(time-1); document.getElementById(obj).innerHTML=t; function Countdown(){ if(t>0){ t--; document.getElementById(obj).innerHTML=t var action=setTimeout(Countdown,1000); }else{ clearTimeout(action); document.getElementById(obj).parentNode.innerHTML=msg; } }; Countdown(); }; Timing(30,"Countdown","倒计时已结束！"); </script>