当前位置:站长之家学习教程网站运营网站建设 → 文章内容

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

减小字体 增大字体 作者:佚名  来源:不详  发布时间:2006-5-24 10:23:56

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

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