Soy muy nuevo en JS, tengo un problema que podría resolverse fácilmente, creo, pero no puedo resolverlo:
Me gustaría encontrar una manera de cambiar la familia de fuentes de un elemento html cada 0,1 segundos sin tener que activar algo.
Básicamente, me gustaría que el elemento html cambie de fuente cada 0,1 segundos, rotando entre 6 familias de fuentes.
muy agradecido si ustedes pueden encontrar una manera.
Luis
Prueba algo como:
function changefontFamily() { var doc = document.getElementById("elementID"); var font= ["Arial", "Verdana", "Helvetica ", "Tahoma"]; doc.style.fontFamily= font[i]; i = (i + 1) % font.length; } setInterval(changefontFamily, 100); <div id="elementID">text</div>Configuré 1 segundo (1000 ms), para mayor claridad, porque 100 ms es demasiado rápido 🙂
(async()=>{ const elem = document.getElementById('elementID'); const fonts = ['Arial', 'Tahoma', 'Verdana']; let k = fonts.length; setInterval(()=>{ k--; elem.style.fontFamily = fonts[k]; console.log('Now:', fonts[k], k); if(k === 0)k = fonts.length; }, 1000); })(); <div id="elementID">Some Text to test it OUT</div>