Para cambiar una palabra por otra cada x segundos en una página web puedes utilizar JavaScript. Puedes crear un array de palabras y luego mostrarlas en un intervalo de tiempo determinado.
Podemos hacer que un determinado grupo de palabras se vayan alternando en una misma posición de una determinada frase, utilizando un pequeño archivo de Javasript.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<!DOCTYPE html> <html> <head> <title>Cambiar palabra cada x segundos</title> </head> <body> <h1 id="word">Hola</h1> <script> // Array de palabras var words = ["Adiós", "Bienvenido", "Hasta pronto", "Saludos"]; // Indice de la palabra actual var index = 0; // Función que cambia la palabra cada x segundos setInterval(function() { // Cambiar la palabra document.getElementById("word").innerHTML = words[index]; // Incrementar el indice index++; // Si se llega al final del array, volver al inicio if (index == words.length) { index = 0; } }, 5000); // Cambiar cada 5 segundos </script> </body> </html> |
Puedes ver el resultado aquí
Este código crea un array de palabras (“Adiós”, “Bienvenido”, “Hasta pronto”, “Saludos”) y muestra una de ellas en un intervalo de tiempo de 5 segundos. La primera palabra que se muestra es “Hola” (definida en el h1 con id “word”), y luego se van alternando las palabras del array. Si se llega al final del array, se vuelve al inicio. Puedes ajustar el intervalo de tiempo cambiando el valor 5000 en la línea que contiene setInterval.