Question

我需要使身体的背景颜色从颜色列表中动态变化。当然，我需要它来改变顺利。如果您有任何想法，请帮忙！它也必须在一个循环中，所以颜色会重复。我在考虑while(1)

我试着到处寻找！

P.S。 我尝试使用DOM进行更改，但我无法成功。 我尝试了以下 JavaScript

while(1){
    document.body.style.backgroundColor = "red";
    document.body.style.backgroundColor = "orange";
    document.body.style.backgroundColor = "green";
    document.body.style.backgroundColor = "blue";
}

它有意义吗？我刚试过一切！如果您有任何想法，请务必分享！

Answer 1

对此最简单的解决方案实际上根本不涉及javascript，只是简单的CSS：

body {
  animation: rainbow 10s linear infinite;
}

@keyframes rainbow {
  0% {background-color: red;}
  25% {background-color: orange;}
  50% {background-color: green;}
  75% {background-color: blue;}
  100% {background-color: red;}
}

您可以将10s更改为您希望动画在重复之前播放的持续时间（以秒为单位）。

为什么在身体标签上制作彩虹背景并不起作用？

1 个答案: