현재시간을 브라우저에 나타내는 코드입니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1></h1>
<script src = "script.js"></script>
</body>
</html>
h1에 now 가 가진 시간정보를 표시합니다
const h1 = document.querySelector('h1')
const now = new Date();
console.log(now)
const hour = now.getHours()
const minu = now.getMinutes()
const seco = now.getSeconds()
const nowTime = `${hour}:${minu}:${seco}`
h1.textContent = nowTime;
실행되는 화면입니다. 새로고침을 누르면 초가 계속 달라집니다.
'Javascript' 카테고리의 다른 글
| DOM 다루기 (CRUD + append) (0) | 2023.03.07 |
|---|---|
| 자바스크립트 입문편: 디지털 시계만들기 (2) | 2023.03.05 |
| 생성자 함수로 여러가지 객체 만들기 (0) | 2023.03.04 |
| 얕은 복사와 깊은 복사 (0) | 2023.03.02 |
| 원시자료형과 참조자료형 (0) | 2023.03.02 |
