setInterval 자바 스크립트에서 몇 분 후에 텍스트가 깜박이기 시작했습니다

Question

div를 만들고 있는데 setInterval 함수를 사용하여 매 10 초마다 텍스트가 변경됩니다. 매우 잘 작동하고 있지만 5-6 분 후에 텍스트가 밀리 초 단위로 변경되기 시작하여 깜박이는 것처럼 보입니다.

내 코드는 다음과 같습니다

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

당신은 당신이 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) 

이 방법으로 작업을 수행하려면 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();