可以选择12小时、24小时制的时钟显示方式_日期时间特效

模板酷站
  •       3/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!

      可以选择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()>