带倒计时的javascript页面跳转

    技术2022-05-19  18

    关键代码:

     

    <span style="background:red" id="time">5</span>秒之后自动跳转,如果没跳转请点击此链接

    <a href="index.jsp">返回主题列表</a> 

     

    <script language="JavaScript1.2" type="text/javascript">

    <!--

    //  Place this in the 'head' section of your page.  

    function delayURL(url) {

    var delay = document.getElementById("time").innerHTML;    //从id = time的标签拿到延迟时间

    if (delay > 0) {                                                                       //只要延迟还大于0,就减一,并将

    delay--;                                                                          //减少后的值写回标签

    document.getElementById("time").innerHTML = delay;

    } else {

    window.top.location.href = url; //当延时为0时,定向到传入的页面的url

    }

       setTimeout("delayURL('" + url + "')",1000);                        //每隔一秒就调一次本方法

    }

     

    //-->

     

    </script>

    <script type="text/javascript">

    <!--

    delayURL("index.jsp");

    //-->

    </script>

     


    最新回复(0)