& lthtml & gt
& lthead & gt
& lt劇本?LANGUAGE =“JavaScript“?TYPE =“text/JavaScript“& gt;
//定義月歷功能
功能?日歷()?{
var?今天嗎?=?新的?date();?//創建日期對象
年份?=?today . getyear();?//讀取年份
今天嗎?=?today . getdate();?//讀取當前日期
//創建每月天數的數組
var?每月幾日?=?新的?數組(31,?28,?31,?30,?31,?30,?31,?31,?30,?31,?30,?31);
//如果是閏年,二月的天數是29天。
如果?((年?%?4?==?0)?& amp& amp?(年份?%?100?!=?0))?||?(年份?%?400?==?0))?month days【1】?=?29;
daysOfCurrentMonth?=?month days【today . getmonth()】;?//從月份數組的日期中讀取當前月份的日期。
第壹天。=?今天;//復制日期對象
first day . setdate(1);?//將第壹天的日期設置為1。
startDay?=?first day . getday();?//確定壹個月的第壹天是星期幾。
//定義星期日和月份的中文名稱數組。
var?日名?=?新的?Array(“星期日”、“星期壹”、“星期二”、“星期三”、“星期四”、“星期五”、“星期六”);
var?蒙特納斯?=?新的?數組(“65438+10月“、“2月“、“3月“、“4月“、“5月“、“6月“、“7月“、“8月“、“9月“、“165438“。
//創建日期對象
var?新日期?=?新的?date();
//創建表格
document . write(“& lt;桌子?BORDER =‘0‘?單元格間距=“0”?cell padding =‘2‘?ALIGN =‘CENTER‘?BGCOLOR =‘# 0080 ff‘& gt;”)
document . write(“& lt;TR & gt& ltTD & gt& lt桌子?border =‘0‘?單元格間距=‘1‘?cell padding =‘2‘?bgcolor =‘# 88ff 99‘‘& gt;”);
document . write(“& lt;TR & gt& ltth?colspan =‘7‘?bgcolor =‘# c8e 3ff‘& gt;”);
//顯示當前日期和星期日。
document . writeln(“& lt;字體?STYLE =‘font-size:9pt。color:# ff 0000‘& gt;”?+?newDate.getYear()?+?“年”+?monthNames【new date . getmonth()】?+?"?"?+?newDate.getDate()?+?“天?”?+?day names【new date . getday()】?+?“& lt/FONT & gt;”);
//顯示月歷標題。
document . writeln(“& lt;/TH & gt;& lt/TR & gt;& ltTR & gt& ltTH?BGCOLOR =‘# 0080 ff‘& gt;& lt字體?STYLE =‘font-size:9pt。顏色:白色‘& gt;日《/FONT & gt;& lt/TH》);
document . writeln(“& lt;th?bgcolor =‘# 0080 ff‘& gt;& lt字體?STYLE =‘font-size:9pt。顏色:白色‘& gt;1《/FONT & gt;& lt/TH》);
document . writeln(“& lt;TH?BGCOLOR =‘# 0080 ff‘& gt;& lt字體?STYLE =‘font-size:9pt。顏色:白色‘& gt;第二個《/FONT & gt;& lt/TH》);
document . writeln(“& lt;TH?BGCOLOR =‘# 0080 ff‘& gt;& lt字體?STYLE =‘font-size:9pt。顏色:白色‘& gt;三
document . writeln(“& lt;TH?BGCOLOR =‘# 0080 ff‘& gt;& lt字體?STYLE =‘font-size:9pt。顏色:白色‘& gt;四
document . writeln(“& lt;TH?BGCOLOR =‘# 0080 ff‘& gt;& lt字體?STYLE =‘font-size:9pt。顏色:白色‘& gt;五
document . writeln(“& lt;TH?BGCOLOR =‘# 0080 ff‘& gt;& lt字體?STYLE =‘font-size:9pt。顏色:白色‘& gt;六
document . writeln(“& lt;/TR & gt;& ltTR & gt”);
//在每個月前顯示“空日”。
專欄?=?0;
為了什麽?(I = 0;?我& ltstartDay?i++)?{
document.writeln(“?& ltTD & gt& lt字體?STYLE =‘font-size:9pt‘& gt。?& lt/FONT & gt;& lt/TD>);
column++;
}
//如果是當天,則高亮顯示(紅色),否則正常顯示(黑色)。
為了什麽?(I = 1;?我& lt= daysOfCurrentMonth?i++)?{
如果?(我?==?今日)?{
document . writeln(“& lt;/TD & gt;& ltTD?ALIGN =‘CENTER‘& gt;& lt字體?STYLE =‘font-size:9pt。color:# ff 0000‘& gt;& ltB& gt;”)
}
不然呢?{
document . writeln(“& lt;/TD & gt;& ltTD?BGCOLOR =‘# 88ff 99‘?ALIGN =‘CENTER‘& gt;& lt字體?STYLE =‘font-size:9pt。字體系列:Arial字體粗細:粗體;color:# 000000‘& gt;”);
}
document . writeln(I);
如果?(我?==?今日)?document . writeln(“& lt;/FONT & gt;& lt/TD>)
column++;
如果?(專欄?==?7)?{
document . writeln(“& lt;TR & gt”);
專欄?=?0;
}
}
document . writeln(“& lt;TR & gt& ltTD?COLSPAN =‘7‘?ALIGN =‘CENTER‘?VALIGN =‘TOP‘?BGCOLOR =‘# 0080 ff‘& gt;”)
document . writeln(“& lt;形式?NAME =‘time‘?onSubmit =‘0‘& gt;& lt字體?STYLE =‘font-size:9pt。color:# ffffff‘& gt;”)
//顯示當前時間。
Document.writeln(“當前時間:
document . writeln(“& lt;/TD & gt;& lt/TR & gt;& lt/TABLE & gt;& lt/FORM>);
}
& lt/SCRIPT & gt;
& lt劇本?LANGUAGE =“JavaScript“& gt;
//初始化控制變量
var?timerID?=?null
var?計時運行?=?假的;
//定義時間顯示功能
功能?停止時間?(){
if(定時器運行)
clear time out(time rid);
計時運行?=?假的;}
//定義顯示時間函數
功能?表演時間?()?{
var?新日期?=?新的?date();
var?幾個小時?=?new date . get hours();
var?分鐘?=?new date . get minutes();
var?秒?=?newDate.getSeconds()
var?時間價值?=?"?"?+?((小時?& gt12)?幾個小時?-12?:小時)
時間價值?+=?((分鐘?& lt?10)?":0"?:?":")?+?分鐘
時間價值?+=?((秒?& lt?10)?":0"?:?":")?+?秒
時間價值?+=?(小時?& gt=?12)?"?下午好嗎?”?:?"?早上好?”
document.time.textbox.value?=?時間價值;
timerID?=?setTimeout(“show time()“,1000);//設置超時時間,以便動態顯示時間。
計時運行?=?真實;}
//顯示當前時間。
功能?開始時間?()?{
stop time();
show time();}
& lt/SCRIPT & gt;
& lt/head & gt;
& lt身體?onLoad =“start time()“?TEXT =“# 000000“?top margin =“0“& gt;
& lt劇本?language =“JavaScript“?type =“text/JavaScript“& gt;
日歷();?//顯示月歷
& lt/script & gt;
& lt/BODY & gt;
& lt/html & gt;