메뉴 건너뛰기

에러가 난 코드

<!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 11: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.20 9516
212 예제 2-21 1 Daisy 2020.03.28 28
211 7장의 8번문제 1 궁금 2020.03.20 107
210 71page 1 아리송 2020.03.07 26
209 1장 test1, 2, 3 파일 2 열공중 2020.03.07 80
208 html에 css작성할때 2 궁금이 2020.03.03 43
207 61 page 실습문제 1번 오류찾기 2 궁금이 2020.02.15 489
206 한글 타이틀이 깨져 보입니다. 1 안스가리오 2020.01.06 46
205 11장 실습문제 6번 arc()문제 제발요 2019.12.06 126
» 10장 실습문제 6번 전역변수 설정에 관한 질문 1 제발요 2019.12.04 143
203 8장 실습 문제 5번 3 아리 2019.12.04 102
202 11장 6번 으엉 2019.11.27 100
201 document.write 내부에서의 onclick 이벤트 선언에 대한 오류 1 tlqk 2019.11.24 105
200 실습문제 6장 3번-2 1 어려워 2019.11.15 100
199 10장 오픈챌린지 질문입니다. 1 질문있어요 2019.11.10 194
198 서버설치와 코드편집기 질문 드려요~ 1 TS2019 2019.10.26 68
197 7장 6번 문제 질문 1 jj 2019.10.22 129
196 207p 4장 실습문제 3번 질문 1 file 웹개발초보 2019.10.19 68
195 8장 실습문제 2번에 (3)번 2 알려주셔요 2019.10.17 150
194 8장 실습문제 1번에 (2)번 알려주셔요 2019.10.17 101
193 7장 실습문제 1번 질문 드립니다. 1 111 2019.10.15 88
목록
Board Pagination Prev 1 ... 2 3 4 5 6 7 8 9 10 ... 15 Next
/ 15
위로