如何使用Javascript使文本颜色自动来回更改？ 家人好 setTimeout（“firstColor（）”，3000） 函数firstColor（）{ document.getElementById（'change'）.style.color=“#ffffff”； secondColor（）； } 函数secondColor（）{ document.getElementById（'change'）.style.color=“#33ccff”； }

此代码仅更改颜色一次。我想让这两种颜色来回变换。当我从

firstColor

函数调用

secondColor

函数时，它不会执行。我知道到目前为止我所拥有的不是一个循环，但我对

secondColor（）

不会执行这一事实感到困惑。我需要帮助理解为什么没有执行

secondColor

函数以及如何循环它。

通过在第一个方法中调用

secondColor（）

，可以在屏幕有机会呈现第一种颜色之前设置第二种颜色。您必须在两者之间留出一个超时时间

因此，我推荐一种更像这样的一般方法：

<div>
<h2 id="change"> Hello Family</h2>
</div>

<script type="text/javascript">
setTimeout("firstColor()", 3000)
function firstColor(){
document.getElementById('change').style.color="#ffffff";
secondColor();
}

function secondColor(){
document.getElementById('change').style.color="#33ccff";
}
</script>

var myToggle = false;

setTimeout(function() {

   if (myToggle) {
       document.getElementById('change').style.color="#ffffff"
   }
   else {
       document.getElementById('change').style.color="#33ccff";
   }

   myToggle = !myToggle;

}, 3000)