본문 바로가기

자바스크립트

시계 출력

순서 : 

1. 출력할 위치의 HTML요소 불러오기

2. 시간 함수 생성

3. 시간 함수 호출

4. 1초마다 새로 작동하도록 설정 : 3번의 setInterval함수

 

공부 : 

문서에서 요소를 가져올 때, document.querySelector();

일정한 간격으로 함수를 실행할때, setInterval(function, time);

 

결과 : 

github.com/dnrudzx/web/blob/master/study/Nomad_Coder_vanila_JS/index.html

 

dnrudzx/web

Contribute to dnrudzx/web development by creating an account on GitHub.

github.com

github.com/dnrudzx/web/blob/master/study/Nomad_Coder_vanila_JS/index_clock.js

 

dnrudzx/web

Contribute to dnrudzx/web development by creating an account on GitHub.

github.com

 

출처 : 노마드코더 - 바닐라 자바스크립트 강좌

www.youtube.com/watch?v=f0nBj0YMBUI&list=PLLUCyU7SBaR7tOMe-ySJ5Uu1UlEBznxTr&index=22

 

'자바스크립트' 카테고리의 다른 글

jquery없이 html에 html삽입하기  (0) 2020.12.22
ToDo목록 만들기  (0) 2020.12.22
이름저장하기 - localstorage  (0) 2020.12.22
HTML, CSS, Javascript 기본 형태  (0) 2020.12.22