每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

网页特效代码模板无忧>网页特效>日期时间特效代码>

收藏分享查看评论日期时间

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

查看演示效果

特效Tag：时钟小时添加

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

<body onload=showTheTime()>

所属频道：日期时间特效/更新时间：2012-12-12

[收藏][报错][返回列表]

相关日期时间特效：

日期时间特效Rss订阅特效代码搜索

日期时间特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索可以选择12小时、24小时制的时钟显示方式
特效说明：
日期时间模板-可以选择12小时、24小时制的时钟显示方式。