Javascript [ 타임어택 ]

TimeOut

• setTimeout(함수명, 밀리초)
• 밀리초 후에 함수명 실행

// === 시계 표현하기 === //
const func_clock_loop = function(){
	document.querySelector("위치").innerHTML 
  									= 현재시간을 알려주는 함수
	setTimeout(func_clock_loop,1000); // 1초 뒤에 재호출(반복)
}
func_clock_loop();	// 함수 실행

Interval

• setInterval(함수명,밀리초)
• 밀리초 후에 함수명 실행 반복

// === 방법1 === //
setInterval(function(){함수명();},1000);	// 1초마다 반복
// === 방법2 === //
setInterval(() => 함수명(), 1000);		// 1초마다 반복
// === 방법3 === //
setInterval(함수명,1000);				// 1초마다 반복

---

clearTimeout

• clearTimeout(중단해야할인터벌)
• 인터벌 기능 제거

clearInterval

• clearInterval(중단해야할인터벌)
• 인터벌 기능 제거

setTimeout 으로 지정된 것은 clearTimeout 으로 제거
setInterval 으로 지정한 것은 clearInterval 로 제거

---

타이머

const timer = function(){
	let minute = "";
  	let second = "";
  
  	minute = parseInt(time/60);	// time 분 단위일 경우
  	if(minute < 10){	// 10분 미만인 경우
    	minute = "0" + minute;
    }
  	
  	second = time%60;
  	if(second < 10){	// 10초 미만인 경우
    	second = "0" + second;
    }
  
  	const html = `${minute}:${second}`;
  	document.querySelector("넣을장소").innerHTML = html;
  	time--;		// 호출이후 -1 해주기
}

---

참고

현재시간을 알려주는 함수 : https://velog.io/@jjoung-2j/Javascript-Date

---

정리

• 09javascriptStandardObject -> 02_Date
  -> 01현재날짜시간시계만들기.html, 01.css, 01.js, 02타이머.html, 02.css, 02.js