Le texte a commencé à clignoter après quelques minutes dans setInterval javascript

Question

Je fais un div qui change son texte toutes les 10 secondes à l'aide de la fonction setInterval. Cela fonctionne très bien mais après 5-6min il commence à changer son texte en milliseconde donc il semble qu'il clignote.

mon code est:

var wordArray = ["TEXT1","TEXT2","TEXT3"]; 

function typingEffect() { 
    var rand = Math.floor(Math.random()*3); 
    $("#big-bob h5").text(wordArray[rand]); 
    $("#big-bob h5").addClass("animate"); 
    setInterval(typingEffect,10000); 
} 

typingEffect(); 

Answer 1

Vous créez un nouvel intervalle chaque fois que vous exécutez la fonction typingEffect() ...

var wordArray = ["TEXT1","TEXT2","TEXT3"]; 

function typingEffect() { 
    var rand = Math.floor(Math.random()*3); 
    $("#big-bob h5").text(wordArray[rand]).addClass("animate"); 
} 

setInterval(typingEffect,10000); 
typingEffect(); // This last line is only needed if you want to execute the function 
       // when page loads (otherwise, first execution will be after the 
       // first 10 seconds) 

Pour ce faire sur votre chemin, vous devez utiliser setTimeout(). ..

var wordArray = ["TEXT1","TEXT2","TEXT3"]; 

function typingEffect() { 
    var rand = Math.floor(Math.random()*3); 
    $("#big-bob h5").text(wordArray[rand]).addClass("animate"); 
    setTimeout(typingEffect,10000); 
} 

typingEffect();