没法实现动态跳转功能~~求助~~自己找不出原因

源自：8-17 编程练习

没法实现动态跳转功能求助自己找不出原因

<body>

<span id="Ret">5</span>秒后回到主页

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

var timer=5;

i= setTimeout(TIMER,1000);

function TIMER()

{

timer--;

document.getElementById("RET").innerHTML=timer;

if(timer==0)

{

window.history.back();

clearTimeout(i);

}

setTimeout(TIMER,1000);

}

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

function Go(){

window.hisroty.back();

</script>

</body>

提问者：慕鱼树 2018-11-13 16:09

个回答

慕移动0851642

2018-11-13 17:38:04

已采纳

<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>

<h1>操作成功</h1>
<span id="Ret">5</span>秒后回到主页
<a herf="javascript:void(0);" onclick="Go()">返回</a>
<script type="text/javascript">
//获取显示秒数的元素，通过定时器来更改秒
var timer=5;
setTimeout(TIMER,1000); //这个用完一次就停了，不需要特地去停
function TIMER()
{
timer--;
document.getElementById("Ret").innerHTML=timer; //这里获取的RET错了，所以数字一直不变
var i=setTimeout(TIMER,1000); //这个放在循环里面一直调用的才需要停下
if(timer==0)
{
window.open("http://www.imooc.com"); //倒计时完成就会跳转，用window.hisroty.back(); //是返回上一页，要先从另一个网页跳转到该网页才 //有效果
clearTimeout(i);
}
}

//通过window的location和history对象来控制网页的跳转。
function Go(){
window.hisroty.back();
} //这里你少了个；
</script>
</body>
</html>

2
qq_夏佐_0

2018-11-29 12:20:49

我的代码：

<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>

<p>
<h4>操作成功</h4>
</p>

<form>
<span id="txt">5</span>
秒后返回主页
<a href="javascript:goBack()" >返回</a>
</form>

<script type="text/javascript">
var num=5;
function getTime() {
document.getElementById("txt").innerHTML=num;
num--;

if (num == 0) {
window.location.assign("http://www.imooc.com");
}
}

function goBack() {
//window.history.go(-1); //返回方式2
//window.location.assign("http://www.imooc.com"); // 方式3：加载新页面
window.history.back();
}

var t = setInterval("getTime()",1000);

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

</script>
</body>
</html>

0