1초당 갱신되는 시계 만들기
예시
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h2>시계는 똑딱똑딱</h2>
<p id="demo"></p>
<script type="text/javascript">
function displayDate() {
document.getElementById("demo").innerHTML = Date(); // 현재시각이 나옴.
}
// timer -> 초당 시간이 흘러가게 하는법 (1초마다 값이 갱신된다.)
setInterval("displayDate()", 1000); // 호출할함수, 1000 <- 1초
</script>
</body>
</html>
실행화면
시계는 똑딱똑딱
설명
document.getElementById("demo").innerHTML = Date();Date() : 현재 날짜의 정보를 제공하는 객체
getElementById(id명)으로 연결되어 (Id=demo)의 문자열을 Date()로 변경
setInterval("displayDate()", 1000);setInterval(호출할 함수,시간간격(ms)) : setInterval는 일정한 시간간격으로 값을 갱신해 주는 함수
ms 단위로 1000 = 1초이다.
'IT > JavaScript' 카테고리의 다른 글
| [Html+JavaScript] 진수 변환하기/10진수를 2진수, 8진수, 16진수 변환하기/toString(feat.Dom) (0) | 2021.06.06 |
|---|---|
| [Html+JavaScript]Date()사용법/날짜,시간 설정하기(setter)/년,월,일,요일,시,분,초 출력하기(getter)(feat.Dom) (0) | 2021.06.06 |
| [Html+JavaScript] getElementById()/onclick사용법(feat.Dom) (0) | 2021.06.06 |
| [JavaScript] 변수 선언 방식/데이터 타입의 종류/데이터 타입 확인/ 주석 (0) | 2021.06.04 |
| [JavaScript] 자바스크립트 정의/작성 위치 (0) | 2021.06.04 |