브라우저 모델 객체 - window 객체 실습_js

2022. 1. 31. 16:48ksmart_html_css_js/Js실습

728x90
1.
아래에 주어진 날짜 객체를 활용하여 1초마다 아래의 문자형 포멧터가 출력되도록 하여라.
(포멧 : 14 : 07 : 01 -> 시간 증가)
2.
5~1까지 카운팅 후에 1초 때 '이벤트 종료'라는 경고를 띄우도록 하여라.

 

1. 답
<script type="text/javascript">
	var date = new Date();
	setInterval(function(){
		var h=date.getHours();
		var m=date.getMinutes();
		var s=date.getSeconds();
		if(h<10)h='0'+h;
		if(m<10)m='0'+m;
		if(s<10)s='0'+s;
		console.log(h+':'+m+':'+s);
		
		date.setSeconds(date.getSeconds()+1);
	},1000);
</script>
2. 답
<script type="text/javascript">
var cnt = 6;
var intervalNumber = setInterval(function() {
	cnt--;
	console.log(cnt);
	if (cnt<1) {
		clearInterval(intervalNumber);
		console.log('이벤트 종료');
	}
}, 1000);
</script>
728x90

'ksmart_html_css_js > Js실습' 카테고리의 다른 글

document api 실습_js  (0) 2022.01.31
문자열 객체 실습_js  (0) 2022.01.31
객체실습_js  (0) 2022.01.31
함수 실습_ js  (0) 2022.01.31
중첩반복문_js  (0) 2022.01.31