首页 >> 网页特效 >> 时间日期 >> 正文
来源: 不详 | 时间: 2006-1-23 16:22:08 | 人气:
可以选择12小时、24小时制的时钟显示方式
要完成此效果需要两个步骤
第一步：把如下代码加入到<body>区域中
<script language="JavaScript">function showMilitaryTime(){ if (document.form.showMilitary[0].checked) { return true; } return false;}function showTheHours(theHour){ if (showMilitaryTime() || (theHour > 0 && theHour < 13)) { if (theHour == "0") theHour = 12; return (theHour); } if (theHour == 0) { return (12); } return (theHour-12);}function showZeroFilled(inValue){ if (inValue > 9) { return "" + inValue; } return "0" + inValue;}function showAmPm(){ if (showMilitaryTime()) { return (""); } if (now.getHours() < 12) { return (" am"); } return (" pm");}function showTheTime(){ now = new Date document.form.showTime.value = showTheHours(now.getHours()) +
":" + showZeroFilled(now.getMinutes()) + ":" +
showZeroFilled(now.getSeconds()) + showAmPm() setTimeout("showTheTime()",1000)}</script> <FORM name=form><INPUT name=showTime size=11><P><INPUT CHECKED name=showMilitary type=radio>24小时制<BR><INPUT name=showMilitary type=radio Unchecked>12小时制</FORM>
第二步：把“onload=showTheTime()”加在<body>标记里例如：<body onload=showTheTime()>
