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

关闭顶部展开顶部

展开边栏关闭边栏

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

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

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

查看演示效果

特效Tag：时钟小时添加

织梦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>

<body onload=showTheTime()>

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

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

相关日期时间特效：

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

日期时间特效推荐

猜你也喜欢看这些

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

收藏&分享

QQ空间新浪微博腾讯微博人人网开心网百度搜藏复制网址更多...