首页 > 代码库 > js页面跳转

js页面跳转

这是一个经常可以看到的页面跳转效果。使用到的是delay go to url.

首先要加入这样一个标签,数字5 表示几秒后跳转。

<span id="time">5</span>秒钟后跳转,如不跳转,请点击下面链接

这是方法部分:

<script language="JavaScript1.2" type="text/javascript">
    function delayURL(url){
        var delay=document.getElementById("time").innerHTML; //获取名字为“time”的标签内字符
        if(delay>0){
            delay--;
            document.getElementById("time").innerHTML=delay;
                    }else{
            window.top.location.href=http://www.mamicode.com/url;"delayURL(‘"+url +"‘)",1000);    //隔一秒就执行delayURL(url)方法
    }
</script>

在<body>中加入代码:

<a href="http://www.mamicode.com/***.jsp">请点击</a>
<script type="text/javascript">
    delayURL("***.jsp");  //要跳转的页面
</script>


本文出自 “学习园地” 博客,请务必保留此出处http://melinstudy.blog.51cto.com/8781036/1532887