메뉴 건너뛰기

조회 수 1153 댓글 1

<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>setTimeout()/clearTimeout()</title>
<style>
div {
    display : inline-block;
    width : 7em;
    border : 1px solid gray;
    background-color : aliceblue;
    
}
</style>
<script>
function startClock() {
    var clock = document.getElementById("clock");
    timeout(clock);
}

function timeout(obj) {
    var current = new Date();
    obj.innerHTML = current.toLocaleTimeString()
    setTimeout("timeout(clock)", 1000); // 1초 후 timeout() 호출 //timeout()함수안에 매개변수인 clock이 무엇인가요? startClock()함수안에있는 지역변수인건가요?
그렇다면 지역변수인 clock을 startClock()함수외부에서 어떻게 사용이 가능한것인가요?

}
</script>
</head>
<body onload="startClock()">
<h3>div 태그에 시계 만들기</h3>
<hr>
<div id="clock"></div>
</body>
</html>
 

?
  • ?
    관리자 2019.08.31 11:38
    굉장히 예리한 질문입니다.
    setTimeout("timeout(clock)", 1000); 에서 clock은 바로 <div id="clock"></div> 객체를 가리킵니다.
    더 정확하게 코딩하면 setTimeout("timeout(document.getElementById('clock'))", 1000); 로 해야하는데
    명확히는 모르지만 앞의 방법처럼 해도 div 객체를 찾아냅니다.

    정답을 명확하고 쉽게 하려면 clock 변수를 전역 변수로 선언하고 다음과 같이 하는 것이 좋겠습니다.
    <!DOCTYPE html>
    <html><head><title>setTimeout()/clearTimeout()</title>
    <style>
    div {
    display : inline-block;
    width : 7em;
    border : 1px solid gray;
    background-color : aliceblue;

    }
    </style>
    </head>
    <body onload="startClock()">
    <h3>div 태그에 시계 만들기</h3>
    <hr>
    <div id="clock"></div>
    <script>
    var clock = document.getElementById("clock");
    function startClock() {
    timeout(clock);
    }

    function timeout(obj) {
    var current = new Date();
    obj.innerHTML = current.toLocaleTimeString()
    setTimeout("timeout(clock)", 1000); // 1초 후 timeout() 호출
    }
    </script>
    </body>
    </html>

    다음에는 5번 정답을 이렇게 고쳐놓아야 겠습니다.

QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.21 18153
201 8장 실습 문제 5번 3 아리 2019.12.04 214
200 11장 6번 으엉 2019.11.27 186889
199 document.write 내부에서의 onclick 이벤트 선언에 대한 오류 1 tlqk 2019.11.24 442
198 실습문제 6장 3번-2 1 어려워 2019.11.15 197
197 10장 오픈챌린지 질문입니다. 1 질문있어요 2019.11.10 485
196 서버설치와 코드편집기 질문 드려요~ 1 TS2019 2019.10.26 131
195 7장 6번 문제 질문 1 jj 2019.10.22 252
194 207p 4장 실습문제 3번 질문 1 file 웹개발초보 2019.10.19 261
193 8장 실습문제 2번에 (3)번 2 알려주셔요 2019.10.17 317
192 8장 실습문제 1번에 (2)번 알려주셔요 2019.10.17 469
191 7장 실습문제 1번 질문 드립니다. 1 111 2019.10.15 215
190 span과 text-align : center; 에 관한 문제입니다. file 2019.10.15 278304
189 3장 4번 질문입니다 1 질문자 2019.10.04 240
188 3장오픈챌린지 질무닙니다. 1 파랑 2019.09.29 221
187 2장 오디오 실습문제에 대해서 질문이있습니다 1 ㅇㅇㅇ 2019.09.20 211
186 570page 예제 13-7 1 이주원! 2019.09.03 167
185 교재 225page 예제5-8 질문입니다. 1 ㅇㅅㅁ 2019.09.02 141
184 예제 5-6 질문입니다. 1 file 이상민 2019.09.01 176
» 10장 실습문제5번 질문입니다, 1 asdfdef 2019.08.31 1153
182 오픈챌린지10번 재질문입니다. 2 이상 2019.08.31 266
목록
Board Pagination Prev 1 ... 6 7 8 9 10 11 12 13 14 15 ... 21 Next
/ 21
위로