시간이 1초마다 바뀌는 시계를 보여주는 웹사이트를 만들어보자
<body>
<div class="js-clock
html 에서 div(class= "js-clock)와 안에 h1 을 만든다
js 에서
const clockContainer = document.querySelector(".js-clock"),
clockTitle = clockContainer.querySelector("h1");
function getTime(){
const date = new Date(); // 현재날짜와 시간을 불러온다.
const minutes = date.getMinutes(); // 불러온현재시간의 분을 불러온다.
const hours = date.getHours(); // 불러온 현재시간의 시간을 불러온다.
const seconds = date.getSeconds(); // 불러온 현재시간의 초를 불러온다.
clockTitle.innerText = `${hours}:${minutes}:${seconds}` //h1에 텍스트를 삽입한다. = `${hours}는 hours변수를 뜻한다.
}
function init(){
getTime();
}; //함수 실행할때의 구조
init(); //그리고 함수실행
출처는 아카데미 니콜라스 강사의 수업
'내가 하는 공부일기' 카테고리의 다른 글
| 20191107. 시계,이름설정 웹사이트, js부분 (0) | 2019.11.07 |
|---|---|
| 20191107. 시계, 이름설정 웹사이트 html 부분 (0) | 2019.11.07 |
| 20191030.html, 시계만들기 + (0) | 2019.10.30 |
| 20191030. html (0) | 2019.10.30 |
| 1. 191003 내가하는공부일기(정보처리기사 실기 기출문제 풀기201810,201806,201804,201704) (0) | 2019.10.04 |