자바스크립트를 이용하여 현재 시간을 출력해보았다.
<body>
<h1></h1>
</body>
body 부분엔 시간을 출력할 h1 삽입
<script>
function clock(){
let timetext = document.querySelector('h1'); /* h1 태그 갖고오기 */
let today = new Date(); /* 날짜와 시간 */
let H = today.getHours();
let M = today.getMinutes();
let S = today.getSeconds();
timetext.innerHTML = H + ":" + M + ":" + S; /* html에 출력 */
}
clock();
setInterval(clock,1000); /* 1초마다 clock함수 실행 */
</script>
script 부분
clock함수 만들어서 Date()를 이용하여 현재 시간을 출력
setInterval함수로 1초마다 clock함수 실행
< 결과 >
'웹개발 > JAVASCRIPT' 카테고리의 다른 글
| [jsavascript] 옵션 선택 시 선택한 옵션 이미지로 변경 (0) | 2021.10.04 |
|---|---|
| [Javascript] 이미지슬라이드 버튼 만들기 (0) | 2021.09.21 |
| [Javascript] 이미지 랜덤 슬라이드 (0) | 2021.09.20 |
| [Javascript] 체크박스 value 값 계산하기 (0) | 2021.09.19 |
| [javascript] splice()를 활용한 팀 순서 랜덤 정하기 (0) | 2021.09.17 |
