728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
// JS는 기본 싱클 스레드로 동작함(single thread)
// 따라서, JS는 두 가지 이상의 일(task)를 동시 실행할 수 없음.
// 타이머 함수 (setTimeout, setInterval) -> JS가 처리하는게 아니라, web 에서 처리함. 따라서 병렬로 작업함
// setTimeout: 일정시간 후에 한번 전달받은 함수를 실행함(한번동작)
// setInterval: 일정시간마다 전달받은 함수를 실행(반복동작)
// - handler : 내가 실행하고 싶은 함수
// - timeout : 일정 시간 이후 실행할 초(ms, 1/1000)
// - 값을 지정하지 않을 시, 기본값 0이 지정됨 최소4ms지난 후 실행됨.
// - ...arguments : 실행하고 싶은 함수에 전달할 인자들을 순서대록 작성
//
const id = setTimeout(print, 1000, '실행했어', 300);
clearTimeout(id);//작업 설정한 id를 전달하여 예약된 작업을 취소
setTimeout(() =>{
console.log('함수가실행됬다')
},2000);
function print(message, number){
console.log(message)
console.log(number)
}
const intwervalId = setInterval(print2, 500);
setTimeout(()=>{
clearInterval(intwervalId)
}, 1500);
function print2(){
console.log('반복작업1');
};
</script>
</head>
<body>
</body>
</html>728x90
반응형
'코딩일지 > WEB' 카테고리의 다른 글
| promise (0) | 2023.01.03 |
|---|---|
| js 시계 + 타이머 만들기 (0) | 2023.01.03 |
| addEventListener 활용2 (0) | 2023.01.03 |
| addEventListener 활용1 (0) | 2023.01.03 |
| js 기초6 (0) | 2023.01.03 |