메뉴 건너뛰기

에러가 난 코드

<!DOCTYPE html>

<html>

<head>

    <title>setinterval</title>

    <style>

        div {

            background: yellowgreen;

            width: 200px;

        }

    </style>

    <script>

        let state = true;

        function init() {

            var div = document.getElementById("div");

            div.addEventListener("click", click);

            var Clock = setInterval("get_time()", 1000);//<<에서 Clock을 var로 선언하여 전역변수화 시켰으나

        }

 

        function click() {

            state = !state;

            

            if (state == true) {

                Clock = setInterval("get_time()", 1000);

                div.style.color = "black";

 

            } else {

                div.style.color = "gray";

                clearInterval(Clock); //<<전역변수인 Clock을 읽어오지 못함

            }

 

        }

        function get_time() {

            let date = new Date();

            let text = date.toLocaleString();

            div.innerHTML = text;

        }

  

   </script>

</head>

<body onload="init()">

    <h3>div 태그에 시계 만들기</h3>

    <hr>

    <div id="div">  </div>

</body>

</html>

 

-----

1.전역변수로 선언한 변수를 다른 함수에서 읽어오지 못하는 점에 관한 의문

작동이 되는 코드

   <script>

        let state = true;

        let Clock = null;

        function init() {

            var div = document.getElementById("div");

            click();

            div.addEventListener("click", click);

 

        }

 

        function click() {

            if (state == true) {

                Clock = setInterval("get_time()", 1000);

                div.style.color = "black";

 

            } else {

                div.style.color = "gray";

                clearInterval(Clock);

            }

            state = !state;

        }

        function get_time() {

            let date = new Date();

            let text = date.toLocaleString();

            div.innerHTML = text;

        }

    </script>

 

 

?
  • ?
    관리자 2019.12.05 12:07
    function init() {
    var div = document.getElementById("div");

    에서 만든 div 변수는 init() 함수 외에서는 접근하지 못합니다. 아래와 같이 전역변수로 선언해야 합니다.
    var div;
    function init() {
    div = document.getElementById("div");
    ..
    }

    div 외에 여러 함수에 사용해야만 하는 변수들을 이렇게 선언해보세요.

QnA

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

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.21 7387
207 61 page 실습문제 1번 오류찾기 궁금이 2020.02.15 0
206 한글 타이틀이 깨져 보입니다. 1 안스가리오 2020.01.06 23
205 11장 실습문제 6번 arc()문제 제발요 2019.12.06 70
» 10장 실습문제 6번 전역변수 설정에 관한 질문 1 제발요 2019.12.04 86
203 8장 실습 문제 5번 3 아리 2019.12.04 55
202 11장 6번 으엉 2019.11.27 70
201 document.write 내부에서의 onclick 이벤트 선언에 대한 오류 1 tlqk 2019.11.24 48
200 실습문제 6장 3번-2 1 어려워 2019.11.15 70
199 10장 오픈챌린지 질문입니다. 1 질문있어요 2019.11.10 138
198 서버설치와 코드편집기 질문 드려요~ 1 TS2019 2019.10.26 59
197 7장 6번 문제 질문 1 jj 2019.10.22 90
196 207p 4장 실습문제 3번 질문 1 file 웹개발초보 2019.10.19 48
195 8장 실습문제 2번에 (3)번 2 알려주셔요 2019.10.17 101
194 8장 실습문제 1번에 (2)번 알려주셔요 2019.10.17 49
193 7장 실습문제 1번 질문 드립니다. 1 111 2019.10.15 60
192 span과 text-align : center; 에 관한 문제입니다. file 2019.10.15 29
191 3장 4번 질문입니다 1 질문자 2019.10.04 77
190 3장오픈챌린지 질무닙니다. 1 파랑 2019.09.29 76
189 2장 오디오 실습문제에 대해서 질문이있습니다 1 ㅇㅇㅇ 2019.09.20 54
188 570page 예제 13-7 1 이주원! 2019.09.03 56
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 11 Next
/ 11
위로