手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript实现x秒后自动跳转到一个页面
JavaScript实现x秒后自动跳转到一个页面
摘要:今天看视频学习时学习了一种新技术,即平时我们在一个页面点击“提交”或“确认”会自动跳转到一个页面。在网上搜了一下,关于这个技术处理有多种方法...

今天看视频学习时学习了一种新技术,即平时我们在一个页面点击“提交”或“确认”会自动跳转到一个页面。

在网上搜了一下,关于这个技术处理有多种方法,我只记下我在视频里学到的三种:

1、用一个response.sendRedirect("目标页面.jsp.htm");实现直接跳转;

2、有时我们需要有点提示,比如“x秒后自动跳转,若没有跳转,请点击此处”,则可以在myeclipse中调用Snippets中的Delay Go To URL.会自动生成如下代码:

复制代码 代码如下:

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

<>

</script>

<>

<a href="javascript:">My Delayed Link</a>

将此代码修改为:

复制代码 代码如下:

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

function delayURL(url, time) {

setTimeout("top.location.href='" + url + "'", time);

}

</script>

<span id="time">3</span>

秒钟之后自动跳转,如果不跳转,请点击下面链接

<a href="目标页面.jsp">目标页面</a>

<script type="text/javascript">

delayURL("http://www.hualai.net.cn", 3000);

</script>

然后将在3秒钟之后直接跳转到“目标页面”。这种方法就是设定几秒钟后跳转则在这过程中页面不会有变化,比如说设定3秒,然后随着时间的变化3变成2再变成1直至跳转,下面请看第三种方法。

3、把方法2中的代码修改为:

复制代码 代码如下:

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

function delayURL(url) {

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

//最后的innerHTML不能丢,否则delay为一个对象

if(delay>0){

delay--;

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

}else{

window.top.location.href=url;

}

setTimeout("delayURL('" + url + "')", 1000);

//此处1000毫秒即每一秒跳转一次

}

</script>

<span id="time">3</span>

秒钟之后自动跳转,如果不跳转,请点击下面链接

<a href="目标页面.jsp">主题列表</a>

<script type="text/javascript">

delayURL("http://www.hualai.net.cn/news/knowledge/265.html");

</script>

此方法实现的效果为在上一个页面点击完submit后跳转到本页面经过3秒(这个3会递减到0)后跳转到目标页面。

【JavaScript实现x秒后自动跳转到一个页面】相关文章:

让焦点自动跳转

javascript实现淡蓝色的鼠标拖动选择框实例

JavaScript实现鼠标点击后层展开效果的方法

用JavaScript实现对话框的教程

JavaScript静态的动态

JavaScript实现点击文字切换登录窗口的方法

Javascript实现每日自动换一张图片的方法

JavaScript实现列表分页功能特效

javascript实现仿腾讯游戏选择

JavaScript实现的MD5算法完整实例

精品推荐
分类导航