如何用javascript,显示5秒,4,3,2,1然后自动跳转页面?谢谢 

解决方案 »

  1.   


    <script type="text/javascript">
            <!--
            var time = 10; //时间:秒
            function dis() {
                if (time > 0) {
                    document.getElementById("sysj").innerHTML = time;
                    time--;
                }
                if(time == 0)
                    window.location.href = "/Default.aspx";
            }
            timer = setInterval('dis()', 1000); //显示时间
        //-->
        </script><br />
     页面将在 <span id="sysj" style="font-weight:bold"></span>秒后自动跳转到会员中心
      

  2.   

    <script language="javascript" type="text/javascript">  
      var i=5;  
      var intervalid;  
      intervalid=setInterval("fun();",1000);  
      function fun()  
      {  
      if(i==0)  
      {  
      window.location.href="Default.aspx";  
      clearInterval(intervalid);  
      }  
      document.getElementById("mes").innerHTML=i;  
      i--;  
      }  
      </script>  
      

  3.   

    采用JS里面的SetInterval("",)即可实现。
      

  4.   

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <script type="text/javascript"> 
    //<![CDATA[ 
    var go=20000; 
    var timer=null; 
    var endTime = new Date().getTime() + go ; 
    function interval() 

    var n=(endTime-new Date().getTime())/1000; 
    if(n<0) return; 
    document.getElementById("jumpTo").innerHTML = n.toFixed(3); 
    setTimeout(interval, 10); 

    window.onload=function(){ 
    timer=setTimeout("window.location.href='/'", go); 
    interval(); 

    //]]> 
    </script> 
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <span id="jumpTo">20.000</span> 秒后 将自动</span>跳转到 
        </div>
        </form>
    </body>
    </html>
      

  5.   


    <meta http-equiv='refresh' content='5;url=index.html'>
     <script type="text/javascript">
                var second=5;
                var timer;
                function change()
                {
                    second--;
                 
                 if(second>-1)
                 {
                     document.getElementById("second").innerHTML=second;
                     timer = setTimeout('change()',1000);
                 }
                 else
                 {
                     clearTimeout(timer);
                 }
                }
                timer = setTimeout('change()',1000);
        </script>
      <div id="second" style="text-align: center; float: left; color: Red; font-weight: bolder">
                          5</div>
                        秒后自动返回首页。
     
      

  6.   

    <div id="zc"></div>
    <script language="javascript">
    var i=5;
    var id;
    function zc(){
    if(i==-1){
    clearInterval(id);
    window.location.href="http://www.durenyuan.com";
    }
    else{
    document.getElementById("zc").innerHTML=(i--)+"秒后页面将跳转";
    }
    }
    id=setInterval(zc,1000);
    </script>
      

  7.   

    我有点不明白,
    div内并没有调用函数,
    为啥网页一加载就开始计数,

    哪位帮忙,谢谢
      

  8.   

    我有点不明白,
    div内并没有调用函数,
    为啥网页一加载就开始计数,
    哪位大虾帮忙,谢谢
      

  9.   

       timer = setInterval('dis()', 1000); //显示时间
    z
    这个函数就是运行了啊。http://codersky.net/