可以选择12小时、24小时制的时钟显示方式

NewsRhzhi

先创资讯

旧版入口

您现在的位置：先创网 >> 网站设计 >> 相关资料 >> 文章正文

天极软件

2005-11-24 10:27:00文/佚名

要完成此效果需要两个步骤

第一步：把如下代码加入到<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()>