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>