반응형
자바스크립트 setInterval 주기적 실행 예제소스
무엇으로 예제를 하면 좋을까나??
기본 사용 방법은 아래와 같다.
setInterval ( 함수명, 시간 ) ;
여기서 시간의 단위는 millisecond 이다.
즉 0.1초는 100, 1초는 1000, 10초는 10000를 사용 하면 된다.
1. 3초에 한번씩 showAlert를 실행하고 싶다.
function showAlert()
{
alert('good!');
}
setInterval('showAlert()',3000);
//3초에 한번씩 'good!' 메세지와 함께 alert창을 띄운다.
2. 1 초단위로 동적으로 표현되는 시계 표현 할때 setInterval을 사용하면 아주 간단하게 표현 가능하다.
<!DOCTYPE html>
<html>
<body>
<div id="divTime"></div>
<script>
setInterval(showTime,1000);
function showTime()
{
var date = new Date();
var time = date.toLocaleTimeString();
document.getElementById("divTime").innerHTML = time;
}
</script>
</body>
</html>
1초마다 시간이 변경되는것을 확인 할수있다.
'Script > Javascript' 카테고리의 다른 글
| 자바스크립트 빈값체크, isEmpty, isNotEmpty, null체크 (0) | 2021.06.21 |
|---|---|
| 자바스크립트 현재 날짜 시간 구하기 ( yyyyMMdd, yyyyMMddhhmmss ) (0) | 2021.03.24 |
| 자바스크립트 HTML 태그 제거 예제 (0) | 2021.02.24 |
| 자바스크립트 setInterval clearinterval 예제 소스 (0) | 2021.02.15 |
| 자바스크립트 원하는 요일 구하기 (0) | 2021.02.15 |
댓글