> 웹 프론트엔드 > JS 튜토리얼 > 날짜 표시_javascript 기술을 제어하는 ​​JS의 작은 예

날짜 표시_javascript 기술을 제어하는 ​​JS의 작은 예

WBOY
풀어 주다: 2016-05-16 17:12:51
원래의
959명이 탐색했습니다.

일반적으로 프로젝트에서 시간을 표시하는 문제가 발생합니다. 이를 처리하는 일반적인 방법은 프론트 데스크에서 JS를 통해 제어하는 ​​것입니다. JS가 표시 시간을 제어하는 ​​코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

function Clock() {
var date = new Date();
this.year = date.getFullYear();
this.month = date.getMonth() 1;
this.date = date.getDate();
this.day = new Array("일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일")[date.getDay()];
this.hour = date.getHours() < 10 ? "0" date.getHours() : date.getHours();
this. Minute = date.getMinutes() < 10 ? "0" date.getMinutes() : 날짜 .getMinutes ();
this.second = date.getSeconds() < 10 ? "0" date.getSeconds() : date.getSeconds();

this.toString = function() {
return "지금은:" this.year "연도" this.month "월" this.date "일" this.hour ":" this. Minute ":" this.second " " this.day;//지금은 현재는 2013년 3월 6일 수요일 13:54:17

코드 복사 코드는 다음과 같습니다.

this.toSimpleDate = function() {
return this.year "-" this.month "-" this.date;
};//2013-03-06

this .toDetailDate = function() {
return this.year "-" this.month "-" this.date " " this.hour ":" this. Minute ":" this.second;
};/ /2013- 03-06 13:45:43

this.display = function(ele) {
var clock = new Clock();
ele.innerHTML = clock.toString(); //디스플레이 메소드 호출
window.setTimeout(function() {clock.display(ele);}, 1000);
};
}

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿