js倒计时代码

　来源：经典论坛　发布时间：2008-05-07 13:41:00　

标签：倒计时,setTimeout,js,代码

我想做一个页面，10秒后转向其它页。想在网页中显示10秒的倒计时。

谢谢了。对ＪＳ不懂

方法一：

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>counter - asp之家</title><script language="javascript" type="text/JavaScript">function Counter(nMax,nInterval){this.maxTime=nMax;this.interval=nInterval;this.objId="timer";this.obj=null;this.num=this.maxTime;this.timer=null;this.start=function(){ this.obj=document.getElementById(this.objId);if(this.num>0) setTimeout(this.run,this.interval*1000);};this.run=function(){if(myCounter.num>0) {myCounter.num--;myCounter.obj.innerHTML=myCounter.num;myCounter.timer=setTimeout(myCounter.run,myCounter.interval*1000);}else clearTimeout(myCounter.timer);};this.show=function(){document.write("<span id="+this.objId+">"+this.num+"</span>");this.obj=document.getElementById(this.objId);//alert(this.obj.innerHTML);}}</script></head><body onload="myCounter.start();"><script language="JavaScript" type="text/JavaScript">var myCounter=new Counter(10,1);</script><p>现在剩下<script language="JavaScript" type="text/JavaScript">myCounter.show();</script>秒钟!</p>

方法二：

请等待<span id="dd">10</span>秒<script type="text/javascript">function run(){var s = document.getElementById("dd");if(s.innerHTML == 0){window.location.href='https://www.aspxhome.com/';return false;}s.innerHTML = s.innerHTML * 1 - 1;}window.setInterval("run();", 1000);</script>

方法三：介个～ CSDN上用到的，看出来会比较紧张一点

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script type="text/javascript">  </script><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>等待10秒</title></head><body> <form id="form1" runat="server"> <div> 现在剩下 <span id="timeout">10.000</span> 秒后将自动跳转 </div> </form></body></html>

投稿

js倒计时代码

猜你喜欢