爲什麼讓身上的彩虹背景標籤不起作用？

Question

我需要讓身體的背景顏色從顏色列表動態變化。當然，我需要它順利地改變。如果您有任何想法，請幫忙！它也必須在一個循環中，所以顏色會重複。我在想while(1)

我已經試過無處不在！

P.S.我試過用DOM改變它，但我無法成功。 我已經tryed以下的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到任何時間（以秒爲單位）您希望動畫在重複之前播放。