메뉴 건너뛰기

조회 수 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 18175
282 답안이 없는 책이라니 ;;; 2 이준석 2018.11.01 406
281 7장 실습문제 8번에서 질문입니다 1 JAVAscript공부중이에요 2020.05.27 403
280 2장 예제 2-11과 관련하여 질문 드립니다. 1 조근석 2017.04.30 389
279 r/w는 무슨 뜻인가요? 1 ㅇㅁㅇㅈ 2021.12.22 386
278 오픈챌린지 4장 질문 1 littlelion 2018.04.18 385
277 8장 실습문제 2번 (2),(3) 어떻게해야하나여? 5 187104343 2018.11.08 380
276 9장 3번 질문 있습니다. 2 jonjsin 2017.11.23 380
275 10장 window.open 질문입니다. 1 멍청이 2019.08.23 376
274 8장 실습문제8번 질문있습니다. 1 빼빼로 2018.11.15 372
273 open challenge10 관련 질문드립니다 1 궁금해용 2018.05.16 368
272 5장 실습문제 4-2질문 2 어어엉 2017.11.12 366
271 9장 예제 9-10질문입니다. 2 file 삼오칠 2021.05.14 365
270 실습문제 짝수번 이미지들은 다운할 수 없나요? 공부하면성공한다 2018.10.02 365
269 377page 8장 오픈챌린지 질문입니다.(다시 질문 올립니다.) 2 멍청이 2019.08.15 359
268 예제 5-3 220page 2 호기심 2020.04.17 355
267 html에 css작성할때 2 궁금이 2020.03.04 351
266 9장 실습문제 10번 계산기 만들기 2 호탱 2020.11.29 350
265 7장 오픈챌린지 1 질문이요 2018.12.18 342
264 7장 6번문제 질문있습니다. 2 초심자 2018.09.26 340
263 오랜만에 찾아 뵙습니다.. 3 은성 2017.05.10 338
목록
Board Pagination Prev 1 ... 2 3 4 5 6 7 8 9 10 11 ... 21 Next
/ 21
위로