                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么i--后直接变为0？

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

<h1>操作成功</h1>
<p><span id="span"></span>秒后回到主页<a onclick="B_back()">返回</a></p>

<script type="text/javascript">

//获取显示秒数的元素，通过定时器来更改秒数。
// setTimeout(B_back,5000);
// function B_back(){
// history.back();
// }

//让秒数从5递减到0
i=5;
document.getElementById("span").innerHTML=i;
function changeSecond(){
i--;
document.getElementById("span").innerHTML=i;
}
for(a=0;a<5;a++){
setTimeout(changeSecond,2000);
}
//通过window的location和history对象来控制网页的跳转。
</script>
</body>
</html>

原先设想是让秒数从5逐渐递减到0，但是实际运行时，秒数经过2000毫秒后立马从5变为0

吉夫

2017-07-16

源自：JavaScript进阶篇 8-17

关注问题我要回答

1286

操作

收起

2 回答

慕粉13526308623 回答被采纳 +3 积分
2017-07-16

for(a=0;a<5;a++){

setTimeout(changeSecond,2000);

}

这里相当于连续五次执行计时器

是连续五次调用changeSecond()函数

所以i等于0

这是我写的希望对你有帮助

var num = 5

document.getElementById("span").innerHTML = num

function change(){

num--;

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

if(num==0){

window.open('http://www.imooc.com','_top');

}

setTimeout("change()",1000);

}

setTimeout("change()",1000);

</script>

0 回复有任何疑惑可以回复我~

收起回答

吉夫提问者

谢谢，但是for里面的函数不是一次一次执行的吗？为什么会连续执行呢？

2017-07-16 回复有任何疑惑可以回复我~

吉夫提问者

刚才用if语句试了一下，发现了个更诡异的，运行后5递减到4就不动了，源代码在下面

2017-07-16 回复有任何疑惑可以回复我~

吉夫提问者

非常感谢！

2017-07-16 回复有任何疑惑可以回复我~

查看3条回复

吉夫提问者
2017-07-16

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

<h1>操作成功</h1>
<p><span id="span"></span>秒后回到主页<a onclick="B_back()">返回</a></p>

<script type="text/javascript">

//让秒数从5递减到0
var i=5;
document.getElementById("span").innerHTML=i;
function changeSecond(){
i--;
document.getElementById("span").innerHTML=i;
}
var a=0
if(a<5){
a++;
setTimeout(changeSecond,1000);
}
//通过window的location和history对象来控制网页的跳转。
</script>
</body>
</html>