Acabo de empezar a aprender JS y quiero saber cómo crear un efecto en el que el color VIBGYOR sigue ciclando continuamente usando JS. Aquí está mi intento https://jsfiddle.net/2t1kbm8u/ .
const scheme = document.querySelector("div"); const rainbow = [ "#9400D3", "#4B0082", "#0000FF", "#00FF00", "#FFFF00", "#FF7F00", "#FF0000", ]; setInterval(() => { for(let colors = 0; colors < rainbow.length; colors++) { scheme.style.color = `${rainbow[colors]}`; scheme.style.borderColor = `${rainbow[colors]}`; console.log(rainbow[colors]); } }, 1000);Aunque todos los colores se están consolando, solo se ven el primer y el último color.
const scheme = document.querySelector("div"); const rainbow = [ "#9400D3", "#4B0082", "#0000FF", "#00FF00", "#FFFF00", "#FF7F00", "#FF0000", ]; var currentColor = 0; setInterval(() => { scheme.style.color = `${rainbow[currentColor]}`; scheme.style.borderColor = `${rainbow[currentColor]}`; currentColor++; if (currentColor == rainbow.length-1) { currentColor = 0; } }, 1000);