Javascript 如何使用JS每秒更改段落的颜色？

我试图每秒钟改变一段文字的颜色。我正在使用以下函数：

var ChangeColorGreen = function(){ $('#contact-title p').css('color', '#5fc091'); return true; }
    var ChangeColorBlack = function(){ $('#contact-title p').css('color', '#000'); return true; }

    setTimeout(function() {
      ChangeColorGreen();
      setInterval(function() {
        ChangeColorBlack();
      }, 2000);
    }, 2000);

这是我的HTML：

<div id="contact-title">
  <p>Coming Soon</p>
</div>

马上就来

---

但单色只改变一次段落。不再改变颜色。

您可以设置2次间隔，每2秒触发一次，但将第2次延迟1秒

setInterval（函数（）{
变色绿（）；
}, 2000);
setTimeout（函数（）{
setInterval（函数（）{
变色黑（）；
}, 2000);
}, 1000);您可以创建一个唯一的函数，并创建一个标志将其更改为一种或另一种颜色：


函数更改颜色（t）{
document.querySelector（“#contact title>p”）.style.color=t？“#000”：“#5fc091”；
setTimeout（函数（）{
变色（！t）；
}, 2000);
}
变色（真）

马上就来

使用单个函数和标志变量，并具有以下功能：

var isGreen = false;
function toggleColor(){
    if(isGreen){isGreen = false; ChangeColorBlack();}
    else{isGreen = true; ChangeColorGreen();}
}

并通过setInterval调用它

setInterval(function() {
    toggleColor();
}, 2000);

您可以添加两个类
black
和
green
，并使用
setInterval
函数和JQuery函数每秒在它们之间切换


setInterval（函数（）{
$（“#联系人标题p”）.toggleClass（'黑绿色'）
}, 1000);
.black{
颜色：#000；
}
格林先生{
颜色：#5fc091；
}

马上就来

没有任何东西可以调用替代颜色。您每次只是调用ChangetoBlack函数。