728x90
반응형
어떤 함수를 몇 밀리초마다 반복적으로 호출해야 할 필요가 있으면 setInterval() 사용
setInterval(func, delay, arg0, ... argN)
실행할 함수, 실행간격, 인자들
const SayHello = (name, text) => {
console.log(`${name}님, 오늘도 ${text}!`)
}
const interval = setInterval(SayHello, 500, "만두", "행복한 하루");
clearInterval(변수 이름)하면 반복이 중단된다.
1분에 한 번 min을 증가시키는 함수를 만들고 그 함수를 setinterval하면 1분마다 min이 올라가겠지!
min 증가시키는 함수에 min이 일정 시간을 넘으면 일어나게 할 작업을 셋팅한다.
마우스 움직임 감지 함수
document.getElemnetsByTagName("body")로 가져오는데, 배열로 들어오기 때문에 [0] 선택해줘야한다.
가져온 후에 addEventListener("mousemove", (event)=>{}); 메서드를 걸어준다.
(event)=>{} 에 함수 이름을 넣어줘도 된다!
그 함수에는 마우스가 움직이면 취할 행동을 써놓으면 된다. ex) 타이머 중지하기, min을 0으로 만들기
실제 코드는 다음에 글만 보고 짜보겠다...!
728x90
반응형
'프론트엔드✏️ > 개인공부' 카테고리의 다른 글
Object.entries() TIL (0) | 2022.09.21 |
---|---|
[redux] props지옥 벗어나기,,, - 도전 (1) | 2022.09.21 |
유효성 검사, 정규표현식 (0) | 2022.09.21 |
유효성 검사 - 작성 중 (0) | 2022.09.20 |
[react-query] QueryClient, - 작성 중 (0) | 2022.09.20 |