Java Script 사용 연습 : 시계를 넣어 보자

HTML 공부

Java Script 사용 연습 : 시계를 넣어 보자

프리매쓰 2024. 12. 23. 09:52

<p id="date0" data-ke-size="size16"> </p>
<script>
function updateTime() {
    // 현재 시간을 가져와서 <p> 태그의 내용으로 설정
    document.getElementById("date0").innerHTML = new Date().toLocaleTimeString();
    document.getElementById("date0").style.color = "blue"; // 텍스트 색상
    document.getElementById("date0").style.backgroundColor = "yellow"; // 배경 색상
}

// 1초마다 updateTime 함수 실행
setInterval(updateTime, 1000);

// 페이지 로드 시 즉시 시간 표시
updateTime();
</script>

자바스크립트를 이용하면 현재 날짜와 시간 정보에도 손쉽게 접근할 수 있어요!

저작자표시