<HTML>
<HEAD>
<TITLE>时间日期篇--当前时间</TITLE>
<meta charset="utf-8">
</HEAD>

<BODY bgcolor="#fef4d2" onLoad=showTheCurrentTime()>
    <br>
    <br>
    <center>
        <font color="ffaafa"><h2>时间日期篇--当前时间</h2></font>
        <hr width=300>
        <br>
        <br>

<!-- 案例代码1开始 -->

<script type="text/javascript">

function showMilitaryTime() {
if (document.form.showMilitary[0].checked) {
return true;
}
return false;
}
//showTheHours解决小时的问题
function showTheHours(theHour) {
if (showMilitaryTime() || (theHour > 0 && theHour < 13)) {
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 showTheCurrentTime() {
now = new Date
document.form.showTime.value = showTheHours(now.getHours()) + ":" + showZeroFilled(now.getMinutes()) + ":" + showZeroFilled(now.getSeconds()) + showAmPm()
setTimeout("showTheCurrentTime()",1000)
}
</script>
        <!-- 案例代码1结束 -->

<!-- 案例代码2开始 -->

<form name="form">
            <div align="center">
                <center>
                    <p>
                        <font> <!-- [Step1]: 这里可以改变显示列的长度 --> <input type="text"
                            name="showTime" size="11">
                        </font>
                    </p>
                </center>
            </div>
            <div align="center">
                <center>
                    <p>
                        <input type="radio" name="showMilitary" checked> <font
                            color="">24 Hour Time<br> <input type="radio"
                            name="showMilitary"> 12 Hour Time<br>
                        </font>
                    </p>
                </center>
            </div>
        </form>

<!--案例代码2结束 -->

</center>
</BODY>

</HTML>

转载于:https://www.cnblogs.com/gwq369/p/5509143.html

根据12和24小时制选择不同的时间显示相关推荐

  1. DateTime.Now.ToString()12与24小时制

    DateTime.Now.ToString()12与24小时制 12:DateTime.Now.ToString("hh:mm:ss") 24:DateTime.Now.ToStr ...

  2. python 系统时间24小时制_Python 日期和时间

    获取当前时间 从返回浮点数的时间戳方式向时间元组转换,只要将浮点数传递给如localtime之类的函数. 1 #!/usr/bin/python3 2 3 importtime4 5 localtim ...

  3. Centos修改时间为24小时制

    今天程序报了个时间异常,发现是因为服务器上的时间按照12小时制显示.以至于时间出错了. 怎么办,改呗. 确认是否24小时制 先确认下时间是否是24小时制 输入以下命令 date 说明时间确实是12小时 ...

  4. php里面12小时制和24小时制的选择方法

    so easy: 只要在设置时间格式的时候,使用"H:i:s",就是24小时制,使用"h:i:s",就是12小时制. 区别仅在于H的大写和小写.

  5. Linux服务器12小时制转24小时制

    问题描述: 给Linux部署执行定时同步jar包的服务的时候,发现部署的Linux服务器是12小时制的,导致定时在23点执行一次的服务,在上午11点和晚上23点都执行了.以下是我尝试过的解决办法: 解 ...

  6. Ios 24小时制与12小时制

    对UIDatePicker选择的日期进行 format. 1)当你的format格式是 NSDateFormatter* dateFormatter = [[[NSDateFormatter allo ...

  7. 日期时间选择器---hh代表是12小时制，HH表示24小时制

    日期时间选择器----- hh代表是12小时制,HH表示24小时制 <el-form-item label="开始时间" prop="beginTime" ...

  8. java中输出时间12小时制转换为24小时制显示

    1.12小时制显示系统时间 SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd hh:mm:ss"); S ...

  9. JS实现动态显示当前时间(12/24小时制)(转载Mr.Think)

    今天又要用到动态显示当前时间,且要求可以切换24/12小时制, 记得很久前写过一个24小时制的,但一时没能找着, 于是又重新写了个,若有需要的朋友自行复制粘贴一份吧. 很简单的一个功能函数,实现方式不 ...

最新文章

  1. HTML的标签描述16
  2. C# 之String以及浅拷贝与深拷贝
  3. react学习(58)--this.props进行父子传值
  4. vue数据改变了，视图不更新不刷新问题
  5. python获取调用函数的注释,如何使用函数注释验证函数调用类型
  6. 程序员渴望的“无代码世界”要来了！
  7. 全国大学生数学建模2018年A题高温作业专用服装设计
  8. pid控制车辆沿着圆弧轨迹跟踪
  9. wx ipad协议
  10. Windows注册表基础知识
  11. 高德离线地图开发API
  12. UE4 实时获取天气信息
  13. thinkphp内核家教平台网站源码带手机站
  14. 头指针为head的带头结点的单链表判空条件head-＞next==null?
  15. MobBob 3D打印机器人 制作
  16. 2021年熔化焊接与热切割考试题库及熔化焊接与热切割复审考试
  17. 【网络安全】LDAP协议
  18. 机顶盒的种类有哪些？
  19. 在Android中访问内置SE和基于SE的卡模拟（一）
  20. 资讯精选｜OfO和北京经信委联合开发出了全国首个电子围栏技术并在北京通州试点

热门文章

  1. java 原生sql排序 gbk_04-SQLServer的排序规则（字符集编码）
  2. mysql的count()函数如何选择索引，千万级表的count()查询优化实例
  3. 【数据库】索引优化策略
  4. php报错：找不到php_pdo_oci.dll模块
  5. Java性能优化推荐书！JAVA-注解的基本原理
  6. python【数据结构与算法】内置函数enumerate(枚举) 函数（看不懂你来打我）
  7. java 传 复合类型对象_struts复合类型传值（对象传值）
  8. $.messager.progress ajax,ajax异步上传文件返回undefined
  9. qt designer 插入图片_高清免版权免费图片素材哪里找？
  10. 浅析营销型网站SEO优化的四大原则！