首頁(yè) 猿問(wèn) 菜鳥求助！setInterval執(zhí)...

菜鳥求助！setInterval執(zhí)行函數(shù)的時(shí)候最后一次執(zhí)行為什么不能執(zhí)行完成函數(shù)的全部代碼？

JavaScript

ItsCHAMPIO 2017-07-25 10:44:50

setInterval('changeColor()',300); var arr = document.getElementsByTagName('li'); var i = 0; var j = i-1; var count = 0; function changeColor(){ count++; arr[i++].style.backgroundColor="yellow"; if(j >= 0){ arr[j].style.backgroundColor = "white"; } j++; } arr[29].style.background="white"; 這是我寫的代碼，效果就是本來(lái)背景為藍(lán)色的30個(gè)方塊，每一個(gè)方塊先變?yōu)辄S色，然后變?yōu)榘咨乾F(xiàn)在最后一個(gè)方塊只顯示黃色而不能變成白色，求助各位大神！

查看完整描述

3 回答

已采納

FSYu

TA貢獻(xiàn)152條經(jīng)驗(yàn) 獲得超59個(gè)贊

????????setInterval('changeColor()',?300);
	var?arr?=?document.getElementsByTagName('li');
	var?i?=?0;
	var?j?=?i?-?1;
	var?count?=?0;

	function?changeColor()?{
	????count++;
	????if(i?>=?29)?i=29;
	????if(j?>=?29)?j=29;
	????arr[i++].style.backgroundColor?=?"yellow";
	????if(j?>=?0)?{
		arr[j].style.backgroundColor?=?"white";
	????}
	????j++;
????????}

i超過(guò)29就會(huì)出現(xiàn)錯(cuò)誤，無(wú)法向下進(jìn)行了，要加條件語(yǔ)句控制一下，最好在j的if語(yǔ)句里把定時(shí)器清除了，定時(shí)器一直運(yùn)行對(duì)頁(yè)面也是有影響的。

反對(duì) 回復(fù) 2017-07-25

ItsCHAMPIO
萬(wàn)分感謝?。。?！我的問(wèn)題解決了?。。?！真的很感謝！

回復(fù) 2017-07-25
FSYu
我也是菜鳥，共同進(jìn)步，下次出現(xiàn)錯(cuò)誤你可以先看一下控制臺(tái)的報(bào)錯(cuò)

回復(fù) 2017-07-25
ItsCHAMPIO
嗯嗯！一起進(jìn)步！

回復(fù) 2017-07-25