> 웹 프론트엔드 > JS 튜토리얼 > 현재 날짜와 시간을 표시하는 JS 코드

현재 날짜와 시간을 표시하는 JS 코드

WBOY
풀어 주다: 2016-05-16 18:31:31
원래의
1662명이 탐색했습니다.
JS는 현재 날짜를 표시합니다

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




효과
현재 날짜와 시간을 표시하는 JS 코드
해당 JS는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다. 다음:

//创建一个数组,用于存放每个月的天数
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) {
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
//实现月历
function calendar() {
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
year = today.getYear() +1900;
thisDay = today.getDate();
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))
monthDays[1] = 29;
nDays = monthDays[today.getMonth()];
firstDay = today;
firstDay.setDate(1);
testMe = firstDay.getDate();
if (testMe == 2)
firstDay.setDate(0);
startDay = firstDay.getDay();
var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
var now = new Date();
document.write("
")
document.write("")
document.write("");
document.write("
");
document.write(" ");
document.write(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
column = 0;
for (i=0; idocument.writeln("\n");
column++;
}

for (i=1; i<=nDays; i++) {
if (i == thisDay) {
document.writeln("")
column++;
if (column == 7) {
document.writeln("");
column = 0;
}
}
document.writeln("
");
document.writeln(" " + "公元 " + now.getYear() + "年" + monthNames[now.getMonth()] + " " + now.getDate() + "日 " + dayNames[now.getDay()] + "");
document.writeln("
")
}
else {
document.writeln("
");
}
document.writeln(i);
if (i == thisDay)
document.writeln("
")
document.writeln("
")
document.writeln("现在时间:
")
document.writeln("
");
}

var 타이머ID = null;
var 타이머런닝 = false;

function stopclock (){
if(timerRunning)
clearTimeout( timerID);
timerRunning = false;
}

//현재 시간 표시
function showtime() {
var now = new Date()
var hour = now.getHours();
var 분 = now.getMinutes();
var 초 = now.getSeconds()
var timeValue = " " ((시간 >12) ? 시간 -12: 시간 )
timeValue = ((분 < 10) ? ":0" : ":") 분
timeValue = ((초 < 10) ? ":0" : ":") 초
timeValue = (시간 >= 12) ? "PM" : "AM"
document.clock.face.value = timeValue;
timerID = setTimeout("showtime()",1000);//Set timeout, 시간을 동적으로 표시합니다.

function startclock() {
stopclock()
showtime();

사용 페이지는 다음과 같이 표시됩니다.



코드 복사
코드는 다음과 같습니다. #FFFFFF" onLoad="startclock( ); timeONE=window.setTimeout" text="#000000">




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