|
|
发表于 2007-8-7 20:31:45
|
显示全部楼层
<html>( g/ m ~! }% e6 d/ h x0 W/ l
<head>
9 b" w; ^4 e" I' X% m<title>无标题文档</title>
) F. ]; _/ u' ~7 S# {) f<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
$ b9 @& o4 y6 w) i! ?<style>
) \+ c& L: I) R' [& K y5 b& y<!--: N8 D+ \ v+ P- j4 ]
body, p, div,td,input {font:menu;line-height: 150%}
4 ?2 y1 Z$ r H9 t; }# K7 B7 q.div { font-family: 宋体; font-size: 12px; line-height: 150% }* ~% d9 _! X+ I) U
-->
$ I, {) _/ Q; S</style>
. q+ k/ j5 J) J: k, e<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
5 V) p: z( v% \: h1 j1 T0 S( O//创建一个数组,用于存放每个月的天数# X k) J4 B9 e3 v8 [! S% O; O- A* d
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)
3 l- f" S& k" g8 j{' ]3 ~* x5 K6 d2 ~6 G/ f& x
this[0] = m0;9 O$ E" P+ w9 Z8 B0 ^& a
this[1] = m1;' Q; G' N9 M) E7 z0 m# A
this[2] = m2;
6 k; X8 S1 X5 r7 {- b! ]this[3] = m3;
I1 w" ]% x2 I8 o# uthis[4] = m4;
/ N5 K, p1 R/ Y: w) v0 Lthis[5] = m5;; z5 E6 s1 c& V% ?+ z8 _+ d
this[6] = m6;
' F$ F6 `1 c) E5 c+ h: J8 @this[7] = m7;% f5 D* Y f* D
this[8] = m8;
; _$ F% Z+ s; N- T4 lthis[9] = m9; H% ^) ]- A) c* b& ~
this[10] = m10;
, o7 m4 T3 i2 j; V, W) xthis[11] = m11;
5 Z! }9 ^& T2 P2 D}
1 a) Q( _' l: r& x//实现月历
% V* J. q) o9 T- ]" _: {" I- o/ J3 Vfunction calendar() {* D" L) B7 r! r
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";- q$ O" R7 Z# k
var today = new Date();
, r- j% n& A0 X1 @9 }5 ]var thisDay;7 A% j: I( ~7 o, Y7 W
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);* t- T3 N% ]9 B# K0 O8 f' m0 i9 w) J
year = today.getYear() +1900;
6 _3 S" e6 W8 R. RthisDay = today.getDate();
8 e0 t' @) }) {# Cif (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;& _5 k! W. R( H: z1 m
nDays = monthDays[today.getMonth()];
/ ~( g% ? g9 T- afirstDay = today;
" w3 j, O" D( O7 U& ZfirstDay.setDate(1);
/ i Q. D# }, m' Q- }) k% GtestMe = firstDay.getDate();% J* v8 T: T, B+ r& Y
if (testMe == 2) firstDay.setDate(0);
/ h6 b) n8 g2 C' PstartDay = firstDay.getDay();
4 [, B- A+ n1 }( }3 Tdocument.write("<div id='rili' style='position:absolute;width:140px;left:300px;top:100px;'>") 0 X" | j' B3 p5 h
document.write("<TABLE width='217' BORDER='0' CELLSPACING='0' CELLPADDING='2' BGCOLOR='#0080FF'>")7 _2 ]; Y9 t, g8 H7 W
document.write("<TR><TD><table border='0' cellspacing='1' cellpadding='2' bgcolor='Silver'>");! s9 m5 B" `, e5 }4 h
document.write("<TR><th colspan='7' bgcolor='#C8E3FF'>");
8 \, H B3 ~- g8 evar dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");6 E5 c- d. y# ^9 q3 F. M8 J8 I9 ^7 p% Z
var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");4 E" I! \/ g" G" S+ ]
var now = new Date();
% K) i4 G( z3 P' E- V+ xdocument.writeln("<FONT STYLE='font-size:9pt;Color:#330099'>" + "公元 " + now.getYear() + "年" + monthNames[now.getMonth()] + " " + now.getDate() + "日 " + dayNames[now.getDay()] + "</FONT>");
% y! t: n5 t0 w" p% v3 m Cdocument.writeln("</TH></TR><TR><TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>日</FONT></TH>");
* G* h5 U; v+ U- p! k* [+ ^document.writeln("<th bgcolor='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>一</FONT></TH>");
3 d& w. {8 L, r9 Fdocument.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>二</FONT></TH>");% A2 q( j& e# P/ R$ t. ]2 l6 J
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>三</FONT></TH>");% r7 y5 @/ n" n3 N- |1 t) u) F
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>四</FONT></TH>");
/ z3 _0 _. O( u8 n+ u* \document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>五</FONT></TH>");
$ q8 _, p( e- q: _. udocument.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>六</FONT></TH>");
; i- G' H. T0 C' G+ @document.writeln("</TR><TR>");2 Z; r. [ V- L9 ?/ P% O! h
column = 0;
! A( d5 o4 {- r9 d0 _% y" b; Dfor (i=0; i<startDay; i++) {5 p$ M$ v3 t+ k+ Y. |' V
document.writeln("\n<TD><FONT STYLE='font-size:9pt'> </FONT></TD>");
# I- \: n5 h+ M4 y6 h: V/ Scolumn++;/ W$ P- s. N4 u# g+ ]' ]
}& ]' y4 F( I! X+ f9 b4 {- p3 }
; E5 [- X5 `- W7 Y8 t6 q
for (i=1; i<=nDays; i++) {" @6 C. w5 B7 [- ?: r( h
if (i == thisDay) {! H8 G0 n/ S3 A
document.writeln("</TD><TD ALIGN='CENTER' BGCOLOR='#FF8040'><FONT STYLE='font-size:9pt;Color:#ffffff'><B>")
6 O9 x7 v% F- b" x3 J}
# K& m( U' i) \1 o2 m5 helse {
# V5 h" `& f0 m- E6 Rdocument.writeln("</TD><TD BGCOLOR='#FFFFFF' ALIGN='CENTER'><FONT STYLE='font-size:9pt;font-family:Arial;font-weight:bold;Color:#330066'>");
( v2 L- k6 E- j& ?4 c( P}
$ e* N$ F, w+ \7 @6 I: ?document.writeln(i);
3 s( ~2 o5 X) a$ j4 m( sif (i == thisDay) document.writeln("</FONT></TD>")
8 e4 U2 c6 h3 T9 G# w1 ~column++;" o( y; f' o, p/ }& |
if (column == 7) {( B$ a( J7 m; H. U8 ?. i1 e
document.writeln("<TR>"); 1 ]8 b6 W, D0 ]# q8 W
column = 0;) q( D4 k$ L: x" t. r2 u" ^
}( c# O2 J, Z( ^- D# }0 ~# X. G
} t# Y' h& n% C' J
document.writeln("<TR><TD COLSPAN='7' ALIGN='CENTER' VALIGN='TOP' BGCOLOR='#0080FF'>")- ], G( ^# R1 d$ L5 E
document.writeln("<FORM NAME='clock' onSubmit='0'><FONT STYLE='font-size:9pt;Color:#ffffff'>")6 O* a4 ~/ J% E- ?& x0 b
document.writeln("现在时间:<INPUT TYPE='Text' NAME='face' ALIGN='TOP'></FONT></FORM></TD></TR></TABLE>")4 B7 l0 z$ U* b6 _5 N8 l( q
document.writeln("</TD></TR></TABLE></div>");
- x0 G$ l4 z7 Q# G}3 H4 E* u8 L( {# p1 H4 s& a! c
</SCRIPT>
, ? a( D; x; V {! `' j: j<SCRIPT LANGUAGE="JavaScript">
0 q( @1 L8 Y/ e: _; H, y4 ^# Dvar timerID = null;& o9 ~" s1 P& Y4 n/ W
var timerRunning = false;
* a, T- {7 x6 T8 h6 w# x' S- C" V
8 o% _: A7 [8 ^# a8 Y& Ofunction stopclock (){
1 Y3 E4 J4 K# R0 b0 w$ k& F0 ?if(timerRunning): e/ s2 v. C4 v3 W. X# z
clearTimeout(timerID);) Z- a! ^2 U. L, M
timerRunning = false;}+ Y/ C2 ?( e& z1 `
* _8 O/ q5 `! X6 A. j4 V( M \
//显示当前时间, Y: T( {5 K8 b* Q7 Z
function showtime () {& F7 ^9 I0 Q3 K0 t
var now = new Date();" A7 P' X' O) |- i1 f" h+ d
var hours = now.getHours();
$ D, v3 V- w& J; {var minutes = now.getMinutes();6 i1 t- T3 p' K- ]
var seconds = now.getSeconds()
" f. E9 _" m* ?& Ovar timeValue = " " + ((hours >12) ? hours -12 :hours)
J1 e* d# o( y4 QtimeValue += ((minutes < 10) ? ":0" : ":") + minutes
* O; l! f- {) h- u( jtimeValue += ((seconds < 10) ? ":0" : ":") + seconds
2 s& ?3 B* u: b7 r9 [% x, @0 V8 _timeValue += (hours >= 12) ? " 下午 " : " 上午 "+ X/ b0 H3 O" G8 p2 e
document.clock.face.value = timeValue;# Q+ Y! l& P U4 o/ X% L/ i
timerID = setTimeout("showtime()",1000);//设置超时,使时间动态显示
: [$ M/ s# `( s4 Y3 z- X( N" MtimerRunning = true;}
& J; z: b5 V3 t0 T1 f
- _2 @$ Z- {& H( v1 \# s: mfunction startclock () {
) e. r+ ~- X2 j" s! B4 Lstopclock();
) U9 H+ B& }) v, w: y5 z5 Ishowtime();}
% ~5 T0 a6 C8 T5 c$ b2 b8 M</SCRIPT>
. Z) u8 c& C. m9 R" i
1 S" Y# N9 k% }4 G</head>
3 V p+ Y, c R* \
# `# R* ]# B' U& B/ ~4 _<body bgcolor="#FFFFFF" onLoad="startclock(); timerONE=window.setTimeout"text="#000000">- n" F+ P a# f# Y. F
<script language="JavaScript" type="text/javascript">' p/ m- c! x% I! ]/ B
<!--- F" i7 i- ]" ? f
calendar();
# i* m" a) c6 D9 H//-->" @4 t) L7 F8 Z* v0 I2 v
' z9 m t. ^# F* X7 _! y
</script>
2 }8 b z0 q% O7 a2 `9 ?7 k
- m! s/ U; D$ ~</body>9 }5 L5 D5 U! J& C2 _6 d5 k" A' U
</html> |
|