不知道哪里出错了，不能实现倒计时效果，数字会改变但是很乱都是负的

源自：8-17 编程练习

不知道哪里出错了，不能实现倒计时效果，数字会改变但是很乱都是负的

<!DOCTYPE html>

<html>

<head>

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

<meta http-equiv="Content-Type" content="text/html; charset=gkb"/>

</head>

<body>

<h3>操作成功</h3><br/>

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

<a href="javascript:goBack()">返回</a>

<script type="text/javascript">

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

var second = document.getElementById("num").innerHTML;

function time(){

document.getElementById("num").innerHTML = second;

second--;

if(second==0){

window.open("http://www.imooc.com");

}

}

setInterval(time,1000);

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

function goBack(){

window.history.back();

}

</script>

</body>

</html>

提问者：我啊我诶 2016-07-23 16:06

个回答

一个学渣

2016-07-23 16:36:28

已采纳

window.open。。。改为window.location.assign("http://www.imooc.com")就可以了;

0

慕娘4859975: 2016-07-29 18:45:38

   if(second==0){
            clearInterval(i);
            location.assign("http://www.imooc.com");
        }
   var i=setInterval(time,1000);

这样就不会出现负数了。

龙哥来了3483529

2016-07-23 16:45:18

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

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

<script type="text/javascript">

//获取显示秒数的元素，通过定时器来更改秒数。
var second = document.getElementById("num").innerHTML;
function time(){
document.getElementById("num").innerHTML = second;
if(second>0){
second--;
}
if(second==1){
window.open("http://www.imooc.com");

}
}
setInterval(time,1000);
//通过window的location和history对象来控制网页的跳转。
function goBack(){
window.history.back();
}
</script>
</body>
</html>

0
一个学渣

2016-07-23 16:39:57

数字乱那个问题，你先复制你的代码出来，刷新页面，再ctrl+V粘贴进去就没问题了

0