Javascript 打印文本，然后使用HTML和CSS更改颜色

我想知道是否有可能将

..

标签中文本的颜色在一定时间间隔后从黑色变为红色，并永久保持红色

do {
  document.getElementById("code").innerHTML +="<a>Hello World</a><br>";
  await sleep(...)
  document.getElementById("code").innerHTML +="<a>Hello World</a><br>";
  await sleep(...)
  document.getElementById("code").innerHTML +="<a>Hello World</a><br>";
  await sleep(...)
  document.getElementById("code").innerHTML +="<a>Hello World</a><br>";
} while {...}

但我发现这种方法的问题在于，它不断地从黑色变为红色，并在包含标签的所有文本上重新出现，颜色变化不会保持永久性。

不要使用@keyframes。

---

因为关键帧在循环中工作。

所以您希望您的

即使在重新加载后也保持红色？您好，谢谢您的评论，不是在重新加载后，我的文本最初是黑色的，在print语句之后……有一个延迟（2秒）。。。然后文本变为红色。重新加载后，文本应返回其初始颜色。您好，谢谢您的回复，有无循环版本的关键帧吗？为什么不使用setTimeout（）方法来执行此操作。您可以使用此方法轻松更改颜色。我认为@keyframe不能在两者之间停止。它将至少运行一次，并将再次显示初始情况（在您的情况下为黑色）。

a {
    animation: change 1s step-end both;
}

@keyframes change {
    from { color: black }
    to   { color: red }
}