Mahmoud Santos

22 Feb 2022

How can I switch between two background-colors using js setinterval( )

Javascript

How to Set two background-color in the javascript by setInterval( )?

 let x = document.body;
 x.style.backgroundColor = x.style.backgroundColor === "yellow" ? "pink": "yellow";

 

Comments

Yasen Sayed

22 Feb 2022

Best Answer

best answer

Try this approach,

 

var i = 0;
function change() {
 var doc = document.getElementById("background");
 var color = ["black", "blue", "brown", "green"];
 doc.style.backgroundColor = color[i];
 i = (i + 1) % color.length;
}
setInterval(change, 1000);
<div id="background">&nbsp</div>

© 2024 Copyrights reserved for web-brackets.com