html提交后自动返回主页,基于JS实现操作成功之后自动跳转页面

如图所示样子：

制作一个跳转提示页面：

要求：

1. 如果打开该页面后，如果不做任何操作则5秒后自动跳转到一个新的地址，如百度主页。

2. 如果点击“返回”按钮则返回前一个页面

浏览器对象

操作成功

5后回到主页 返回

//获取显示秒数的元素，通过定时器来更改秒数。

var num = 100;

function downTime(){

document.getElementById('p1').innerHTML=num;

if(num>0){

num--;

}else{

window.location = "http://www.baidu.com";

}

setTimeout("downTime()",1000);

}

//通过window的location和history对象来控制网页的跳转。

downTime();

PS：下面看下JavaScript五秒自动跳转到新页面

五秒跳页五秒关闭

function countDown(secs,surl)

{

var jumpTo=document.getElementById('jumpTo');

jumpTo.innerHTML=secs;

if(--secs>0)

{

setTimeout("countDown("+secs+",'"+surl+"')",1000);//注意打点

}

else{

location.href=surl;

}

}

5秒后自动跳转到//www.jb51.net/

到此这篇关于基于JS实现操作成功之后自动跳转页面的文章就介绍到这了,更多相关js自动跳转页面内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！