자바스크립트로 웹페이지 타이틀에 현재 시간 띄우기
서론
이걸 만드려고 했던 이유는 간단하다.
그냥 현재 시간을 보고 싶었다.
본론
총 3가지가 필요하다.
-
1초마다 갱신을 해줄 함수
setInterval -
현재 시간을 가져오는 함수
Date -
html의 title 태그를
document.title
setInterval
setInterval의 구조는 간단하다.
setInterval(함수, 시간);
함수를 시간 밀리초 마다 실행하는 것이다.
Date
var d = new Date()
를 해주면 d에 현재 시간이 저장된다.
대충 그 내부는 이렇게 생겼다.
d를 그냥 출력하면
현재 시간이 나온다.
document.title
말 그대로 문서의 제목을 가져온다.
이렇게 대입을 통해 바꿔줄 수도 있다.
코드
이제 이 세 가지를 조합하여 만들어보자
setInterval( function() { var d = new Date(); document.title = d; }, 1000);
그럼 이제 1초마다 title에서 시간이 바뀌는 것을 볼 수 있다.
Comments