                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

為什么i--后直接變?yōu)?？

<!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"> ?
?
? ?//獲取顯示秒數(shù)的元素，通過定時(shí)器來更改秒數(shù)。
? ?// setTimeout(B_back,5000);
? ?// function B_back(){
? ?// ? ? history.back();
? ?// }

? ?//讓秒數(shù)從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對象來控制網(wǎng)頁的跳轉(zhuǎn)。
?</script>?
</body>
</html>

原先設(shè)想是讓秒數(shù)從5逐漸遞減到0，但是實(shí)際運(yùn)行時(shí)，秒數(shù)經(jīng)過2000毫秒后立馬從5變?yōu)?

吉夫

2017-07-16

源自：JavaScript進(jìn)階篇 8-17

關(guān)注問題我要回答

1352

操作

收起

2 回答

慕粉13526308623 回答被采納 +3 積分
2017-07-16

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

? ?setTimeout(changeSecond,2000);

? ?}

這里相當(dāng)于連續(xù)五次執(zhí)行計(jì)時(shí)器?

是連續(xù)五次調(diào)用changeSecond()函數(shù)

所以i等于0

這是我寫的希望對你有幫助

?var num = 5

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

? ?function change(){

? ? ? ?num--;

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

? ? if(num==0){

? ? ? ? window.open('http://idcbgp.cn','_top');

? ? }

? ? ?setTimeout("change()",1000);

? ?}

? ?setTimeout("change()",1000);

</script>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

吉夫提問者

謝謝，但是for里面的函數(shù)不是一次一次執(zhí)行的嗎？為什么會(huì)連續(xù)執(zhí)行呢？

2017-07-16 回復(fù) 有任何疑惑可以回復(fù)我~

#2

吉夫提問者

剛才用if語句試了一下，發(fā)現(xiàn)了個(gè)更詭異的，運(yùn)行后5遞減到4就不動(dòng)了，源代碼在下面

2017-07-16 回復(fù) 有任何疑惑可以回復(fù)我~

#3

吉夫提問者

非常感謝！

2017-07-16 回復(fù) 有任何疑惑可以回復(fù)我~

查看3條回復(fù)

吉夫提問者
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"> ?

? ?//讓秒數(shù)從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對象來控制網(wǎng)頁的跳轉(zhuǎn)。
?</script>?
</body>
</html>