当前位置:萝卜系统下载站 > 技术开发教程 > 详细页面

JS完成12小时制与24小时制的转换

JS完成12小时制与24小时制的转换

更新时间:2023-06-19 文章作者:未知 信息来源:网络 阅读次数:

编程(Programming)是编定程序的中文简称,就是让计算机代码解决某个问题,对某个计算体系规定一定的运算方式,使计算体系按照该计算方式运行,并最终得到相应结果的过程。为了使计算机能够理解(understand)人的意图,人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。

【实例名称】

JS实现12小时制和24小时制的转换

【实例描述】

表示时间的方式有24小时制和12小时制。如果是12小时制的时间,通常显示“上午”或“下午”。本例学习如何实现小时制间的转换。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-本站(www.xue51.com)</title> <SCRIPT LANGUAGE="JavaScript"> function timeType() {     if (document.form.showTimeType[0].checked) { //判断选择的是哪个类型-24小时就返回true     return true; } return false; } function showTheHours(theHour) {     if (timeType() || (theHour > 0 && theHour < 13)) { //如果时间在12小时内     return (theHour);     }     if (theHour == 0) {                              //如果时间等于0         return (12);     }     return (theHour-12);                             //如果时间大于12,需要减去12-针对12小时制 } function showZeroFilled(inValue) {     if (inValue > 9) {                              //设置分钟数的两位数显示,不足两位补0     return "" + inValue;     }     return "0" + inValue;     }     function showAmPm() {                          //显示上午或下午的方法     if (timeType()) {     return ("");     }     if (now.getHours() < 12) {  //判断日期,显示12小时制的中文提示     return (" 上午");     }     return (" 下午"); } function showTheTime() {    //显示时间的方法     now = new Date          //获取当前时间     document.form.showTime.value = showTheHours(now.getHours()) + ":" + showZeroFilled(now.getMinutes()) + ":" + showZeroFilled(now.getSeconds()) + showAmPm()     setTimeout("showTheTime()",1000)  //每隔1秒更新时间 } </script> </head> <BODY onLoad="showTheTime()"> <center><form name=form> <input type=text name=showTime size=11><p> <input type=radio name=showTimeType checked>24小时<br> <input type=radio name=showTimeType>12小时<br> </form></center></body> </html>

【运行效果】

 12小时制和24小时制的转换运行效果

【难点剖析】

本例的难点是12小时制日期的显示问题。默认的显示时间是24小时制,如果显示12小时制,需要判断时间是否在12小时内,如果小于12小时,只需要原样显示时间,同时为时问添加“上午”标识;如果大于12小时,则需要减去12,并添加“下午”标识。

【源码下载】

为了JS代码的准确性,请点击:12小时制和24小时制的转换 进行本实例源码下载 


使用编程语言写的程序,由于每条指令都对应计算机一个特定的基本动作,所以程序占用内存少、执行效率高。

温馨提示:喜欢本站的话,请收藏一下本站!

本类教程下载

系统下载排行

网站地图xml | 网站地图html