码迷,mamicode.com
首页 > Web开发 > 详细

js页面跳转

时间:2014-07-30 17:49:44      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:javascript   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=url;
        }
        setTimeout("delayURL(‘"+url +"‘)",1000);    //隔一秒就执行delayURL(url)方法
    }
</script>

在<body>中加入代码:

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


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

js页面跳转,布布扣,bubuko.com

js页面跳转

标签:javascript   js   页面跳转   数字变动   

原文地址:http://melinstudy.blog.51cto.com/8781036/1532887

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!