네이티브 자바스크립트는 시간 및 날짜_자바스크립트 기술의 자동 업데이트를 구현합니다.-JS 튜토리얼-php.cn

네이티브 자바스크립트는 시간 및 날짜_자바스크립트 기술의 자동 업데이트를 구현합니다.

WBOY

풀어 주다： 2016-05-16 15:15:46

원래의

1524명이 탐색했습니다.

동적으로 변경될 수 있는 것은 항상 정적보다 더 매력적이고 훨씬 더 실용적입니다. 예를 들어, 시간과 날짜를 자동으로 변경하는 효과는 다음과 같습니다. 이 효과를 구현하는 방법을 소개하는 코드입니다. 예는 다음과 같습니다.
1. 특정 코드

<html>
<head>
<meta charset="gb2312">
<title>脚本之家</title>
<script type="text/javascript">
var t = null;
function time(){
 dt = new Date();
 var y=dt.getFullYear();
 var h=dt.getHours();
 var m=dt.getMinutes();
 var s=dt.getSeconds();
 document.getElementById("timeShow").innerHTML="当前时间："+y+"年"+h+"时"+m+"分"+s+"秒";
 t = setTimeout(time,1000);    
} 
window.onload=function(){time()}
</script>
</head>
<body>
<div id="timeShow"></div>
</body>
</html>

로그인 후 복사

위의 코드는 우리의 요구 사항을 충족합니다. 구현 프로세스에 대한 간략한 소개는 다음과 같습니다.
2. 구현 원칙
time() 함수는 현재 시간과 날짜를 구한 후 함수 마지막에 타이머 함수를 이용하여 time() 함수를 재귀적으로 호출할 수 있는데, 이는 time() 함수를 계속해서 실행할 수 있다는 뜻이고, 따라서 시간과 날짜의 자동 업데이트를 실현합니다. 여기서는 별로 소개하지 않습니다.

3. 관련 보충정보

javascript 시간 함수

Javascript는 시간 및 날짜 계산을 위한 Date 객체를 제공합니다. 날짜 객체에는 여러 생성자가 있습니다.

1.dateObj=new Date() //현재 시간

2. dateObj=new Date(milliseconds) //1970년 1월 1일 시작 시간으로부터의 밀리초 수

3.dateObj=new Date(datestring) //문자열이 나타내는 날짜와 시간입니다. 이 문자열은 Date.parse()를 사용하여 "Jannuary 1, 1998 20:13:15"

과 같이 변환될 수 있습니다.

4. dateObj=new Date(년, 월, 일, 시, 분, 초, 마이크로초) //모든 시간 값을 쓸 필요는 없습니다. 그렇지 않으면 기본값은 0입니다

과 같은 사용 시 개체 함수 호출 year=dateObj.getFullYear();//연도 값 가져오기

다음은 날짜 객체의 기능 목록입니다. 사용 방법은 위와 같습니다.

1) 클래스 가져오기 기능:
getDate() 함수 -- 일수(1-31)를 반환합니다
getDay() 함수 -- 요일(0-6)을 반환합니다.
getFullYear() 함수 -- 4자리 연도를 반환합니다
getHours() 함수 -- 시간(0~23)을 반환합니다.
getMilliseconds() 함수 - 밀리초(0~999)를 반환합니다.
getMinutes() 함수 -- 분 수(0-59)를 반환합니다.
getMonth() 함수 -- 개월 수(0-11)를 반환합니다.
getSeconds() 함수 -- 반환된 초 수(0-59)
getTime() 함수 - 타임스탬프 표현을 반환합니다(밀리초 단위).
getYear() 함수 -- 연도를 반환합니다(실연도에서 1900을 뺀 값)

2) 클래스 설정 기능 :
(다음 함수는 모두 날짜 객체와 1970년 1월 1일 자정 사이의 밀리초 수를 반환합니다.)
setDate() 함수 -- 날짜 설정
setFullYear() 함수 -- 연, 월, 일 설정
setHours() 함수 -- 시, 분, 초, 밀리초 설정
setMilliseconds() 함수 -- 밀리초 수 설정
setMinutes() 함수 -- 분, 초, 밀리초 설정
setMonth() 함수 -- 월과 일 설정
setSeconds() 함수 - 날짜 설정
setTime() 함수 - 밀리초를 사용하여 날짜 객체를 설정합니다.
setYear() 함수 -- 연도 설정(실연도 - 1900)

3) 변환 표시 기능 :
toLocalString() 함수 - 현지화된 문자열 표현을 반환합니다.
toLocaleDateString 함수 - 날짜 부분의 현지화된 문자열을 반환합니다.
toLocaleTimeString 함수 - 시간 부분의 현지화된 문자열을 반환합니다.

로컬 출력과 관련하여 다음도 있습니다.

toString()
toDateString()
toTimeString()

차이점은 전자는 기계에 따라 현지 언어 형식이 다른 반면, 후자는 내부 표현 형식이라는 점입니다

4) 날짜 파싱 기능

Date.parse() 함수 -- 날짜 문자열을 구문 분석하고 날짜와 1970년 1월 1일 자정 사이의 밀리초 수를 반환합니다

위 내용은 자바스크립트 시간과 날짜에 대한 자세한 내용입니다. 모든 분들의 학습에 도움이 되었으면 좋겠습니다.