He estado tratando de descubrir cómo hacer que el cuadro div cambie de color al azar cada 1000 milisegundos. Este es mi intento de la función changeColor archivo JavaScript:
myInterval = setInterval(changeColor, 1000); var box = document.getElementById("box"); function changeColor() { var randomColor = Math.floor(Math.random() * 16777215).toString(16); box.style.backgroundColor = "#" + randomColor; //let x = document.getElementById('contents'); //x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow"; } <div id="box">This is some text in a div element.</div>como de esta manera
var div = document.querySelector(".test"); setInterval(() => { div.style.background = `#${getColor()}`; }, 1000) function getColor() { return Math.floor(Math.random()*16777215).toString(16); }He adjuntado la función javascript para cambiar el color de forma aleatoria cada 1000 milisegundos.
<!DOCTYPE html> <html> <head> <title>Change bg color every 1 seconds</title> </head> <body> <div id="box">This is some text in a div element.</div> <script> setInterval( function () { var randomColor = Math.floor(Math.random()*16777215).toString(16); document.getElementById("box").style.backgroundColor = "#"+randomColor; },1000); </script> </body> </html>