为什么不会倒计时，也不能返回上一网址？

源自：8-17 编程练习

为什么不会倒计时，也不能返回上一网址？

<!DOCTYPE html>

<html>

<head>

<title>浏览器对象</title>

</head>

<body>

<!--先编写好

网页布局-->

<b id="scecound">5</b>秒后返回主页

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

var i=document.getElementById("scecound");//获取元素

var e=5;

//使用计时器

var time=setInterval(function(){

var i=document.getElementById("scecound");//获取元素

e--;

i.innerHtml=e;

if(i==0){

window.location.href="https://www.imooc.com/";

}

},1000);

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

function goBack(){

window.location.forward();

}

</script>

</body>

</html>

提问者：weixin_慕粉117217 2019-03-05 10:47

个回答

不掉头发的伟大程序分析师

2019-05-23 09:41:23

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

<h3>操作成功</h3> <p>
<span id="time">5</span>秒后回到主页 <a href="javascript:goBack();">返回</a>
</p>

<script type="text/javascript">
// 获取显示秒数的元素，通过定时器来更改秒数。
var love = document.getElementById("time");
var i=5;
var sexy=setInterval(function(){
i--;
love.innerHTML=i;
if(i==1)
{
window.location.href="http://baodu.com";

}
},1000)
function goBack(){
window.history.go(-1);
}
</sricpt>

0
bao_

2019-04-19 13:37:46

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

<h3>操作成功</h3>
<span id="second" >5</span>
<span>秒后回到主页</span>
<a href="javascript:back()">返回</a>
<script type="text/javascript">
var num=document.getElementById("second").innerHTML;
//获取显示秒数的元素，通过定时器来更改秒数。

function count()
{
num--;
document.getElementById("second").innerHTML=num;
if(num==0)
{
location.assign("www.imooc.com");
}
}
setInterval("count()",1000);
//通过window的location和history对象来控制网页的跳转。
function back()
{
window.history.back();
}

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

0
LouisDuan

2019-03-18 22:28:47

window.location.forward();？？？？？？？？？？？不是back？？

0
weixin_慕粉117217

2019-03-05 11:33:53

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


<h1>操作成功！<br></h1>
<span id="scecond">5</span><span>秒返回到主页</span><a href="javascript:goBack()">返回</a>
<script type="text/javascript">
var e=5;
//获取显示秒数的元素，通过定时器来更改秒数。
//使用计时器
var time=setInterval(function (){
document.getElementById("scecond").innerHTML=e;//获取元素
e--;
if(e==0){
window.location.href="https://www.imooc.com/";
clearInterval(time);
}
},1000);

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

function goBack(){
window.location.forward();
}

</script>

</body>

</html>
找到原因了！赋值出现了问题！

0
weixin_慕粉117217

2019-03-05 11:16:16

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


<h1>操作成功！<br></h1>
<span id="scecond">5</span>秒后返回主页
<a href="javascript:goBack()">返回</a>



<script type="text/javascript">

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

var e=5;
//使用计时器

var time=setInterval(function(){

e=document.getElementById("scecond".innerHTML;//获取元素
e--;
if(i==0){

window.location.href="https://www.imooc.com/";
clearInterval(time);
}
},1000);

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

function goBack(){
window.location.forward();
}

</script>

</body>

</html>
改成这个样子还是不对

0