0 초와 setInterval 함수를 시작하지만 주어진 시간 동안 그것을 반복하는 방법? 나는 매 5 초를 위해 추가 여분의 문자 텍스트를 반복 할 수 있도록

Question

나는 현재도 5000

그러나 나는대로 따라서 내가 설정 한의 setInterval 기능에 대한 기간을 setInterval 기능을 사용하고 있습니다 이 함수가 페이지가로드되는 즉시 실행되기를 원합니다. 분명히하려면 setInterval 함수 안에있는 로직은 페이지가로드되는 즉시 실행되어야하며 매 5 초마다 반복되어야합니다. setInterval 기능이 가능합니까 아니면 다른 방법이 있습니까? 사전에 감사합니다 :)

setInterval(function(){ 
 
    var x = document.getElementById('sample'); 
 
    x.innerHTML = x.innerHTML+'L'; 
 
    },5000);

<p id="sample">Sample Text</p>

Answer 1

은 그냥 당신이 다음 바로 호출 할 수있는 별도의 기능을합니다. 그 꼭대기에, 당신은 다음 몇 가지 좋은 재사용 가능한 코드를해야합니다 :

function updateElement(){ 
 
    var x = document.getElementById('sample'); 
 
    x.innerHTML = x.innerHTML+'L'; 
 
} 
 

 
setInterval(updateElement, 5000); 
 

 
updateElement();

<p id="sample">Sample Text</p>

Answer 2

할 수 있습니다 초기화에라는 이름의 함수 실행을 사용하고 각 간격

setInterval(function someFunc() { 
 
    var x = document.getElementById('sample'); 
 
    x.innerHTML = x.innerHTML + 'L'; 
 
    return someFunc 
 
}(), 1000);

<div id="sample"></div>

호출