学习首页 百科 人生课堂 办公软件 英语学习 操作系统 故事会 编程资料 软件学习 设计
铭瑶网 >> 学习首页 >> 编程 >> 可以选择12小时、24小时制的时钟显示方式
标题：可以选择12小时、24小时制的时钟显示方式

【字体： 大中小】 时间:2008-4-11 来源:互联网 作者:study

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

查看/参与:讨论/评论 相关文章：Javascript