브라우저 모델 객체 - window 객체 실습_js
2022. 1. 31. 16:48ㆍksmart_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 |