web-dev-qa-db-fra.com

Javascript / jquery ou quelque chose pour changer de texte toutes quelques secondes

Besoin de javascript ou jQuery quelque chose pour changer de texte toutes quelques secondes ... avec l'utilisateur qui fait quoi que ce soit.

Exemple:

"Bienvenue" changements dans "Salmat Daturg" de modifications à "Namaste", etc. après 3 secondes et des boucles de retour.

javascriptjqueryjquery-pluginsdom-events
16
Neil

Comme d'autres l'ont dit, setInterval est votre ami:

var text = ["Welcome", "Hi", "Sup dude"];
var counter = 0;
var elem = document.getElementById("changeText");
var inst = setInterval(change, 1000);

function change() {
  elem.innerHTML = text[counter];
  counter++;
  if (counter >= text.length) {
    counter = 0;
    // clearInterval(inst); // uncomment this if you want to stop refreshing after one cycle
  }
}
<div id="changeText"></div>
32
Thomas Shields

Vous pouvez jeter un coup d'œil à la méthode --- setInterval . Par exemple:

window.setInterval(function() {
    // this will execute on every 5 seconds
}, 5000);
4
Darin Dimitrov
setInterval(function(){
   alert('hello, do u have a beer ?');
}, 1000);

où 1000ms = 1sec;

3
Ben

Vous pouvez utiliser setInterval pour appeler une fonction à plusieurs reprises. Dans la fonction, vous pouvez modifier le texte requis.

La liste des textes à modifier peut être stockée dans un tableau et que chaque fois que la fonction est appelée, vous pouvez mettre à jour une variable pour contenir l'indice actuel utilisé. La valeur peut boucle autour de 0 Quand il atteint la fin de la matrice.

Voir ce violon pour un exemple.

2
James Allardice