티스토리 뷰
* setInterval
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 < 10 ? `0${hours}` : hours}:
${minutes < 10 ? `0${minutes} ` : minutes}:
${seconds < 10 ? `0${seconds}` : seconds}`; // 삼항연산자
}
function init() {
getTime();
setInterval(getTime, 1000);
}
init();
'JavaScript' 카테고리의 다른 글
[JavaScript] JavaScript - event (0) | 2020.08.25 |
---|---|
[JavaScript] JavaScript - 맛보기 (0) | 2020.08.25 |
[JavaScript] 8식 - classList, toggle (0) | 2020.07.12 |
[JavaScript] 7식 - if (0) | 2020.07.12 |
[JavaScript] 5식 - Function (함수) (0) | 2020.07.12 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- inline
- vue
- font-family
- HTML
- 공공데이터포털
- VanillaJS
- react
- JavaScript
- baegofda
- 프론트엔드
- CORS
- postman
- 개발자회고
- function
- 프론트엔드면접
- nodejs
- CSS
- 노드JS
- vue입문
- 리액트
- axios
- 공공데이터
- node.js
- vue3
- vue예제
- 오물오물
- 생활코딩
- INPUT
- cssom
- 프론트엔드회고
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
글 보관함