jQuery new Date()
.getFullYear(), .getMonth()+1, .getDate(), .getDay(), .getHours(), .getMinutes(), .getSeconds() 사용 가능
// 현재 날짜 시간에 대한 모든 정보 가져오기
new Date();
// 모든 날짜와 시간 정보를 변수에 저장
let now = new Date();
$("p").eq(0).text(now);내가 의아했던 부분은 저 .eq(0)에 해당하는 부분이었다. 구글링해보니 선택한 요소의 인덱스 번호에 해당하는 요소를 찾는 메소드였다. 정리하면 HTML 부분의 p태그가 8개가 있으면 위에 코드에서는 0번째 즉, 제일 첫 번째 p태그에 모든 날짜와 시간 정보를 출력하라는 뜻이었다.
jQuery setInterval()을 사용하여 전자시계 출력
<head>
<style>
p {font:bold 100px arial; margin:50px auto; text-align:center;
</style>
<script>
$(document).ready(function(){
let abc = setInterval(function(){
let now = new Date();
let hr = now.getHours();
let min = now.getMinutes();
let sec = now.getSeconds();
$("span").eq(0).text(hr); // 첫 번째 <span>태그에 '시간'을 출력
$("span").eq(1).text(min);
$("span").eq(2).text(sec);
}, 1000)
});
</script>
</head>
<body>
<p>
<span>00</span>:<span>00</span>:<span>00</span>
</p>
</body>