相當(dāng)漂亮的藍(lán)色精美日歷

2011-09-27 時間日期 ℃

第一步：把如下代碼加入到<head>區(qū)域中

for (i=1; i<=nDays; i++) {
if (i == thisDay) {
document.writeln("</TD><TD ALIGN='CENTER' BGCOLOR='#FF8040'><FONT STYLE='font-size:9pt;Color:#ffffff'><B>")
}
else {
document.writeln("</TD><TD BGCOLOR='#FFFFFF' ALIGN='CENTER'><FONT STYLE='font-size:9pt;font-family:Arial;font-weight:bold;Color:#330066'>");
}
document.writeln(i);
if (i == thisDay) document.writeln("</FONT></TD>")
column++;
if (column == 7) {
document.writeln("<TR>"); 
column = 0;
}
}
document.writeln("<TR><TD COLSPAN='7' ALIGN='CENTER' VALIGN='TOP' BGCOLOR='#0080FF'>")
document.writeln("<FORM NAME='clock' onSubmit='0'><FONT STYLE='font-size:9pt;Color:#ffffff'>")
document.writeln("現(xiàn)在時間:<INPUT TYPE='Text' NAME='face' ALIGN='TOP'></FONT></TD></TR></TABLE>")
document.writeln("</TD></TR></TABLE></FORM>");
}
</script>
<script LANGUAGE="JavaScript">
var timerID = null;
var timerRunning = false;

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

//顯示當(dāng)前時間
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = " " + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " 下午 " : " 上午 "
document.clock.face.value = timeValue;
timerID = setTimeout("showtime()",1000);//設(shè)置超時,使時間動態(tài)顯示
timerRunning = true;}

function startclock () {
stopclock();
showtime();}
</script>

第二步：把如下代碼加入到<body>區(qū)域中
<body  link="#33FF33" vlink="#33FF33" alink="#33FF33" onLoad="startclock(); timerONE=window.setTimeout">
<script LANGUAGE="JavaScript" TYPE="text/javascript">

</script>

相關(guān)特效代碼: JavaScript+CSS打造漂亮的select下拉選擇框03/04; 漂亮的觸發(fā)行變色代碼12/24; 漂亮的CSS園角效果12/22; 鼠標(biāo)跟隨的漂亮旋轉(zhuǎn)文字12/19; 漂亮的圖片移動控制特效11/26

熱門特效代碼: 世界時間一覽表; 時間流水線; 相當(dāng)漂亮的藍(lán)色精美日歷; 今天是：年月日-日期-星期幾; 純JavaScript時鐘; 年月日-當(dāng)前英文時間; 小而強(qiáng)大的萬年歷; 最簡潔事件代碼格式如：xxxx年x月; 2010日歷生成器; 顯示訪問本站多久時間

推薦特效代碼: 年月日-當(dāng)前英文時間; 今天是：年月日-日期-星期幾; 最簡潔事件代碼格式如：xxxx年x月; 八種風(fēng)格的時間日期特效代碼; 常見的選擇日期效果; 模擬時鐘