求一个简单的倒计时跳转页面

huangyu1573 2010-05-17 03:14:03

我想在5秒内跳转页面。例如5秒后自动进入首页...
我想让那个5秒，自动倒计时，例如5....4....3...2...1....0后就跳转到首页了。
跳转页面的方法例如<meta http-equiv="refresh" content="5;URL=../index.aspx" />
但是那个5秒是死的，我想让它动起来。就是自己倒数5,4,3,2,1....这样描述是否明白？先感谢大家。

...全文

297 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

liji2009 2010-05-17

打赏
举报



1.<html>    

2.<head><title></title>    

3.<script language='javascript' type='text/javascript'>    

4.var secs =5; //倒计时的秒数    

5.var URL ;    

6.function Load(url){    

7.URL =url;    

8.for(var i=secs;i>=0;i--)    

9.{    

10.window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000);    

11.}    

12.}    

13.function doUpdate(num)    

14.{    

15.document.getElementById('ShowDiv').innerHTML = '将在'+num+'秒后自动跳转到......' ;    

16.if(num == 0) { window.location=URL; }    

17.}    

18.</script>    

19.</head>    

20.<body>    

21.<div id="ShowDiv"></div>    

22.<script language="javascript">    

23.Load("http://heisetoufa.javaeye.com"); //要跳转到的页面    

24.</script>    

25.</body>    

26.</html>

liji2009 2010-05-17

打赏
举报

<script type="text/javascript">

        var i = 10;

        window.onload=function page_cg()

        {           

            document.getElementById("time").innerText = i;

            i--;

            if(i==0)

            {

                window.open("index.aspx");

            }

            

            setTimeout("page_cg()",1000);

        }

    </script>

<body>

    <form id="form1" runat="server">

        <div id="err">

            对不起，您未登陆!<br />

            10秒后跳到登陆页面 <span id="time"></span>

            <br />

            点击<a href="index.aspx">这里</a>返回登陆

        </div>

    </form>

</body>