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

Viewed 115

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

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

Try this:

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>

Related