javascript 1초마다 자바스크립트 함수 호출하기

setInterval(function(){

Vue.set(app.songs,0,{ artist: "Thomas More", song: "Expect More JS" })

}, 1000)

또는

startAlert = function() {

  playAlert = setInterval(function() {

    alert('http://webisfree.com');

  }, 3000);

};

stopAlert = function() {

   clearInterval(playAlert);

};

또는

function myTimer() {

    console.log(' each 1 second...');

}

var myVar = setInterval(myTimer, 1000);

중지할때는

clearInterval(myVar);

또는

var sum = 0;

$(document).ready(function() {

   setInterval("ozit_interval_test()", 5000);

});

function ozit_timer_test(){ // 이 함수는 5초마다 실행됩니다.

  sum += 1; // 매 5초마다 숫자 1을 sum 변수에 더합니다.

}

다음과 같이 변형 가능

var sum = 0;

$(document).ready(function() {

setInterval(function() {

sum += 1; // 매 5초마다 숫자 1을 sum 변수에 더합니다.

}, 5000); // 5000ms(5초)가 경과하면 이 함수가 실행합니다.

});

멈출때는

var timerId = 0;

 $(document).ready(function() {

timerId = setInterval("ozit_interval_test()", 5000);

document.getElementById('stop_timer').onclick = function() {    // 인라인 함수

clearInterval(timerId);    // timerId 값을 인자로 입력하여 해당 setInterval 을 종료시킵니다.

}

});

<span id='stop_timer'>타이머 멈추기</span>