반응형
JAVASCRIPT Timeout, 자바스크립트 타이머 만들기
남은 시간을 알려주기 위해 사용하는 타이머 만들기
<script>
var time = 600; //기준시간 작성
var min = ""; //분
var sec = ""; //초
//setInterval(함수, 시간) : 주기적인 실행
var x = setInterval(function() {
//parseInt() : 정수를 반환
min = parseInt(time/60); //몫을 계산
sec = time%60; //나머지를 계산
document.getElementById("demo").innerHTML = min + "분" + sec + "초";
time--;
//타임아웃 시
if (time < 0) {
clearInterval(x); //setInterval() 실행을 끝냄
document.getElementById("demo").innerHTML = "시간초과";
}
}, 1000);
</script>
<body>
<div id="demo"></div>
</body>
▶실행결과
반응형
'개발공부 > 프론트엔드' 카테고리의 다른 글
| [JAVASCRIPT] 년도 selectbox 만들기 (0) | 2021.01.03 |
|---|---|
| [fullpage.js] fullpage.js 사용으로 인해, 모바일에서 메뉴 스크롤 안될 때 (0) | 2020.06.01 |
| [CSS] opacity 배경만 투명하게/ 배경만 opacity 적용 (0) | 2019.11.25 |
| [javascript] 일정 시간 간격으로 이미지 변화 : setInterval() (0) | 2019.11.03 |
| [javascript] 다중배열 값 꺼내기 (0) | 2019.10.31 |