반응형
<html>
<head></head>
<body>
<div>
<span id="num">5</span>초
</div>
</body>
<script>
// 1초 마다 1씩 차감
let time = 5;
var 타이머 = setInterval(얍,1000);
function 얍(){
if ( time >= 1 ) {
time = time-1;
document.querySelector('#num').innerHTML = time;
}else{
clearTimeout(타이머);
// 이걸 안하면 타이머 계속 호출한다..흐음 ..
}
// 계속 호출 되는거 확인용 콘솔
// console.log('ttttt')
}
</script>
</html>이거 왜 할때마다 헷갈리지 ㅎㅎ
반응형
':::: 개발 :::: > ::: JSCRIPT :::' 카테고리의 다른 글
| 스크립트 Object.entries 배열 을 다시 맵으로 (0) | 2023.09.13 |
|---|---|
| 콜백 함수 정의 (0) | 2022.08.31 |
| node (node.js) 노드 에서 || 설정 (0) | 2022.08.30 |
| node js Ajax 에서 response 2번 이상 오류 ERR_HTTP_HEADERS_SENT (0) | 2022.06.23 |
| node-js express post호출 request의 body에서 undefined가 발생 (0) | 2020.03.08 |
| node js , sequelize , postgres 개발 세팅 2 (0) | 2020.03.06 |
| node js , sequelize , postgres 개발 세팅 1 (0) | 2020.03.05 |
| 넥사크로 grid 글자 수 제한 (0) | 2019.08.14 |