js实现颜色转换，却总是只显示最后一个颜色！

[Feng_Ellick]

如上图：本来是想在sleep期间，box的动画应该是上一句设置的颜色。但是每次执行，并不会出现颜色的切换效果。只会出现最后的黄颜色效果，这是什么机制呢？

[斯洛文尼亚旅游]

用计时器，用while来挂起代码执行坐不了，浏览器器会假死

[Feng_Ellick]

一楼的回答看懂了，while循环时代码会被挂起，这个我理解了！我最先想要实现的效果是，遍历二叉树，然后访问节点时改变颜色，因为计时器的异步性，所以起不到想要的效果。不知道你有没有兴趣帮忙看一下。

[Feng_Ellick]

引用 1 楼 showbo 的回复:

用计时器，用while来挂起代码执行坐不了，浏览器器会假死

while循环时代码会被挂起，这个我理解了！我最先想要实现的效果是，遍历二叉树，然后访问节点时改变颜色，因为计时器的异步性，所以起不到想要的效果。不知道你有没有兴趣帮忙看一下。

[scscms太阳光]

btnTurn.onclick = function (){
box.style.background = "red";
setTimeout(function(){
box.style.background = "blue";
},500);
setTimeout(function(){
box.style.background = "yellow";
},1000)
}

[Feng_Ellick]

引用 4 楼 xzy21com 的回复:

btnTurn.onclick = function (){
box.style.background = "red";
setTimeout(function(){
box.style.background = "blue";
},500);
setTimeout(function(){
box.style.background = "yellow";
},1000)
}

明白，用while确实不好。同二楼回复，我的本意是实现动态遍历二叉树，有兴趣的话可以帮忙看一下。

[Feng_Ellick]

代码地址： https://github.com/FisNew/Task-For-IFE/blob/master/binbin/task7/task7.html