{"id":478,"date":"2015-10-16T21:28:27","date_gmt":"2015-10-16T21:28:27","guid":{"rendered":"https:\/\/www.militarytime.us\/?p=478"},"modified":"2023-02-24T18:29:05","modified_gmt":"2023-02-24T18:29:05","slug":"24-hour-clock","status":"publish","type":"post","link":"https:\/\/www.militarytime.us\/24-hour-clock\/","title":{"rendered":"24 Hour Clock"},"content":{"rendered":"\n<p>The 24 Hour Clock is the most common way of telling time in the world. 24-hour time is mainly used in Asia, Africa, Europe, and Latin American countries. It\u2019s the most preferred way of communicating time to other people all around the globe. It doesn\u2019t use \u201ca.m\u201d or \u201cp.m\u201d. In the US and some of the English-speaking countries in Canada, the 24-hour clock system is referred to as <a href=\"https:\/\/www.militarytime.us\/\">military time<\/a>. In the UK, this system is at times referred to as <a href=\"https:\/\/en.wikipedia.org\/wiki\/Continental_time\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/en.wikipedia.org\/wiki\/Continental_time\" rel=\"noreferrer noopener\">continental time<\/a>. In other parts of the globe, it\u2019s referred to as railway time. The international standard time notation (that is, ISO 8601) is also based on this 24-hour clock format.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"current-24-hour-clock-time\">Current 24-Hour Clock Time<\/h2>\n\n\n\n<div class=\"rtclock\" style=\"margin-bottom: 16px;\">\n<div id=\"realtime24hourclock\"><\/div>\n<div class=\"time-format-section\">\n<div>Time Format:<\/div>\n<label for=\"time-format-24h\" class=\"time-format-label\">24 Hour Time<\/label>\n<input type=\"radio\" name=\"time-format\" id=\"time-format-24h\" value=\"24h\" onchange=\"updateTime()\" checked=\"\">\n<label for=\"time-format-12h\" class=\"time-format-label\">Standard Time<\/label>\n<input type=\"radio\" name=\"time-format\" id=\"time-format-12h\" value=\"12h\" onchange=\"updateTime()\">\n<\/div>\n<\/div>\n<script>\n    function updateTime() {\n      \/\/ Get current time in 24-hour format\n      const now = new Date();\n      let hours = now.getHours();\n      let minutes = now.getMinutes();\n      let seconds = now.getSeconds();\n\n      \/\/ Check which format is selected\n      const selectedFormat = document.querySelector('input[name=\"time-format\"]:checked').value;\n\n      if (selectedFormat === \"12h\") {\n        \/\/ Convert to 12-hour format\n        const meridian = hours >= 12 ? \"PM\" : \"AM\";\n        hours = hours % 12 || 12; \/\/ Convert from 0-23 to 1-12\n        document.getElementById(\"realtime24hourclock\").textContent = `${hours}:${padZeroes(minutes)} ${meridian}`;\n      } else {\n        \/\/ Leave as 24-hour format\n        document.getElementById(\"realtime24hourclock\").textContent = `${padZeroes(hours)}:${padZeroes(minutes)}`;\n      }\n      \n      \/\/ Remove the 'selected' class from all labels\n      const labels = document.querySelectorAll('.time-format-label');\n      labels.forEach(label => label.classList.remove('selected'));\n      \n      \/\/ Add the 'selected' class to the selected label\n      const selectedLabel = document.querySelector('input[name=\"time-format\"]:checked').previousElementSibling;\n      selectedLabel.classList.add('selected');\n    }\n\n    function padZeroes(num) {\n      \/\/ Pad single digit numbers with leading zeroes\n      return num.toString().padStart(2, \"0\");\n    }\n\n    updateTime(); \/\/ Call on page load to display current time\n  <\/script>\n<style>\n.time-format-section input[type=\"radio\"] {\n  display: none;\n}\n\n.time-format-section .time-format-label {\n  display: inline-block;\n  padding: 0.5em 1em;\n  background-color: #eee;\n  border: 1px solid #ccc;\n  border-radius: 3px;\n  cursor: pointer;\n  transition: background-color 0.75s ease;\n  color: #797979;\n      font-size: 15px;\n    margin: 5px;\n}\n\n.time-format-section .time-format-label.selected {\n  background-color: #797979;\n  color: #fff;\n     font-size: 15px;\n    margin: 5px;\n}\n\n\n<\/style>\n\n\n\n<pre class=\"wp-block-preformatted has-small-font-size\">*This real-time clock uses the time information on your device to determine the current time.<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"real-time-24-hour-analog-clock-wall-clock\">Real-Time 24 Hour Analog Clock (Wall Clock)<\/h2>\n\n\n\n<style>\n      #clock {\n        width: 300px;\n        height: 300px;\n        position: relative;\n        margin: 0 50px 50px;\n    margin-left: auto;\n    margin-right: auto;\n        background-image: url(https:\/\/www.militarytime.us\/wp-content\/uploads\/2023\/02\/24-hour-analog-clock.png);\n        background-size: cover;\n      }\n      #hour-hand {\n        width: 6px;\n        height: 86px;\n        background-color: black;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform-origin: bottom;\n        transform: translate(-3px, -60px) rotate(180deg);\n      }\n      #minute-hand {\n        width: 4px;\n        height: 110px;\n        background-color: black;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform-origin: bottom;\n        transform: translate(-2px, -110px) rotate(180deg);\n      }\n      #second-hand {\n        width: 2px;\n        height: 120px;\n        background-color: red;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform-origin: bottom;\n        transform: translate(-1px, -100px) rotate(180deg);\n      }\n      #center {\n        width: 10px;\n        height: 10px;\n        background-color: black;\n        border-radius: 50%;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-5px, -5px);\n      }\n    <\/style>\n<div id=\"clock\">\n<div id=\"hour-hand\"><\/div>\n<div id=\"minute-hand\"><\/div>\n<div id=\"second-hand\"><\/div>\n<div id=\"center\"><\/div>\n<\/div>\n<script>\nfunction updateClock() {\n  let now = new Date();\n  let hours = now.getHours();\n  let minutes = now.getMinutes();\n  let seconds = now.getSeconds();\n  \n  let hourHand = document.querySelector(\"#hour-hand\");\n  let minuteHand = document.querySelector(\"#minute-hand\");\n  let secondHand = document.querySelector(\"#second-hand\");\n  \n  let hourAngle = hours * 15 + minutes \/ 4;\n  let minuteAngle = minutes * 6;\n  let secondAngle = seconds * 6;\n  \n  hourHand.style.transform = `translate(-3px, -86px) rotate(${hourAngle}deg)`;\n  minuteHand.style.transform = `translate(-2px, -110px) rotate(${minuteAngle}deg)`;\n  secondHand.style.transform = `translate(-1px, -120px) rotate(${secondAngle}deg)`;\n}\n\nsetInterval(updateClock, 1000);\n\n<\/script>\n\n\n\n<pre class=\"wp-block-preformatted\">We have a <a href=\"https:\/\/www.militarytime.us\/real-time-24-hour-analog-clock\/\" target=\"_blank\" rel=\"noreferrer noopener\">larger version of the analog clock<\/a> available if needed.<\/pre>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Table of Contents<\/h2><nav><ul><li ><a href=\"#current-24-hour-clock-time\">Current 24-Hour Clock Time<\/a><\/li><li ><a href=\"#real-time-24-hour-analog-clock-wall-clock\">Real-Time 24 Hour Analog Clock (Wall Clock)<\/a><\/li><li ><a href=\"#how-the-24-hour-clock-time-format-is-used\">How the 24-Hour Clock Time Format is Used<\/a><\/li><li ><a href=\"#24-hour-clock-conversion-chart\">24 Hour Clock Conversion Chart.<\/a><ul><li ><a href=\"#who-uses-the-24-hour-clock\">Who Uses the 24-Hour Clock<\/a><\/li><li ><a href=\"#how-is-military-time-related-to-the-24-hour-clock\">How is Military Time related to the 24-Hour Clock?<\/a><\/li><li ><a href=\"#history-of-the-24-hour-timekeeping-system\">History of the 24-Hour Timekeeping System<\/a><\/li><li ><a href=\"#benefits-of-the-24-hour-clock-system-over-the-12-hour-clock-system\">Benefits of the 24-Hour Clock System Over the 12-Hour Clock System<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-the-24-hour-clock-time-format-is-used\">How the 24-Hour Clock Time Format is Used<\/h2>\n\n\n\n<p>The 24-hour clock is a convention of keeping time where the day typically runs from midnight &#8211; midnight and it&#8217;s divided into twenty-four hours. The clock starts at 00:00 (that is, midnight) and it indicates the hours that have passed since then (that is, from 0 to 24). Time in the 24-hour time format is normally written in form of <em>hours : minutes<\/em> (for instance, 09:33), or <em>hours : minutes : seconds<\/em> (09:33:24).<\/p>\n\n\n\n<p>Numbers that are under 10 have a 0 in front (which is known as the leading zero); for example, 08:02 (8:02 AM). Under the 24-hour clock system, a day starts at midnight, (that is, 00:00), and the day&#8217;s last minute starts at 23:59:59 and then ends at 24:00:00, which is typically identical to 00:00 (of the next day). Midnight is shown by 24:00 and it means the end of the day. 00:00 means the day has begun. For instance, one can say, &#8220;Monday at 24:00&#8221; and &#8220;Tuesday at 00:00&#8221; which basically means the same exact time. That being so, the <a href=\"http:\/\/www.defense.gov\/\" target=\"_blank\" rel=\"noopener\">United States military<\/a> usually prefers to avoid saying 24:00; they don&#8217;t like having 2 names for identical times, thus they prefer saying &#8220;23:59&#8221;; which is 1 minute prior to midnight.<\/p>\n\n\n\n<p>When writing 24-hour time, the hour(s) is always two digits long, and so are the minutes and the seconds. A leading zero(s) can be added where necessary, to make every group have 2 digits, 00:08:00 for 12:08:00 a.m. A 24-hour day starts at midnight; 00:00:00 (that is, 12:00:00 a.m), and then ends 1 second prior to the following midnight; 23:59:59 (that is, 11:59:59 p.m). 1 second later is 00:00:00 which means a brand new day has started. Some clubs and stores which normally close at midnight may use the notation 09:00 to 24:00 to mean that they&#8217;re open from 9 a.m til 12 midnight.<\/p>\n\n\n\n<p>The 24-hour clock display format is usually hh : mm : ss, where the <em>&#8216;hh&#8217; <\/em>represents a 2-digit hour, the <em>&#8216;:&#8217;<\/em> is the colon that&#8217;s used as the separator, the &#8216;mm&#8217; is a 2-digit minute, while the <em>&#8216;ss&#8217;<\/em> is a 2-digit second. In case the seconds aren&#8217;t used, the separator that&#8217;s after the minutes will not be used. Another less common method utilized is omitting the colon, and instead, adding the word &#8216;hrs&#8217; after the number(s); as in, <em>hhmm<\/em> hrs (like 2147 hrs). This is actually a military method.<\/p>\n\n\n\n<p>Nowadays, all modern computers have the capability of displaying time in the 24-hour time format. Most digital devices such as cell phones, digital clocks, and <a href=\"https:\/\/www.militarytime.us\/best-military-time-watches-men-women-digital-analog\/\" target=\"_blank\" data-type=\"post\" data-id=\"39938\" rel=\"noreferrer noopener\">wristwatches<\/a>, usually have a setting where one can <a href=\"https:\/\/www.thesoldiersproject.org\/change-your-phone-to-military-time\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">change between the 12-hour time and the 24-hour time.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"24-hour-clock-conversion-chart\">24 Hour Clock Conversion Chart.<\/h2>\n\n\n\n<p>The chart below is divided into 24 hours which allows for quick time conversion.<\/p>\n\n\n\n<table class=\"tableizer-table\">\n<tbody>\n<tr class=\"tableizer-firstrow\">\n<th>12 Hour Clock ( A.M.\/P.M. )<\/th>\n<th>24 Hour Clock ( HH:MM:SS )<\/th>\n<\/tr>\n<tr>\n<td>12:00 A.M. MIDNIGHT \u2013 start of day<\/td>\n<td>00:00<\/td>\n<\/tr>\n<tr>\n<td>1:00 A.M.<\/td>\n<td>01:00<\/td>\n<\/tr>\n<tr>\n<td>2:00 A.M.<\/td>\n<td>02:00<\/td>\n<\/tr>\n<tr>\n<td>3:00 A.M.<\/td>\n<td>03:00<\/td>\n<\/tr>\n<tr>\n<td>4:00 A.M.<\/td>\n<td>04:00<\/td>\n<\/tr>\n<tr>\n<td>5:00 A.M.<\/td>\n<td>05:00<\/td>\n<\/tr>\n<tr>\n<td>6:00 A.M.<\/td>\n<td>06:00<\/td>\n<\/tr>\n<tr>\n<td>7:00 A.M.<\/td>\n<td>07:00<\/td>\n<\/tr>\n<tr>\n<td>8:00 A.M.<\/td>\n<td>08:00<\/td>\n<\/tr>\n<tr>\n<td>9:00 A.M.<\/td>\n<td>09:00<\/td>\n<\/tr>\n<tr>\n<td>10:00 A.M.<\/td>\n<td>10:00<\/td>\n<\/tr>\n<tr>\n<td>11:00 A.M.<\/td>\n<td>11:00<\/td>\n<\/tr>\n<tr>\n<td>12:00 P.M. NOON<\/td>\n<td>12:00<\/td>\n<\/tr>\n<tr>\n<td>1:00 P.M.<\/td>\n<td>13:00<\/td>\n<\/tr>\n<tr>\n<td>2:00 P.M.<\/td>\n<td>14:00<\/td>\n<\/tr>\n<tr>\n<td>3:00 P.M.<\/td>\n<td>15:00<\/td>\n<\/tr>\n<tr>\n<td>4:00 P.M.<\/td>\n<td>16:00<\/td>\n<\/tr>\n<tr>\n<td>5:00 P.M.<\/td>\n<td>17:00<\/td>\n<\/tr>\n<tr>\n<td>6:00 P.M.<\/td>\n<td>18:00<\/td>\n<\/tr>\n<tr>\n<td>7:00 P.M.<\/td>\n<td>19:00<\/td>\n<\/tr>\n<tr>\n<td>8:00 P.M.<\/td>\n<td>20:00<\/td>\n<\/tr>\n<tr>\n<td>9:00 P.M.<\/td>\n<td>21:00<\/td>\n<\/tr>\n<tr>\n<td>10:00 P.M.<\/td>\n<td>22:00<\/td>\n<\/tr>\n<tr>\n<td>11:00 P.M.<\/td>\n<td>23:00<\/td>\n<\/tr>\n<tr>\n<td>MIDNIGHT \u2013 end of day<\/td>\n<td>24:00<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n<p>It is important to note that <a href=\"https:\/\/www.militarytime.us\/military-time-zones\/\">time zone<\/a> does play a role in 24 hour timekeeping just as it does with the standard AM\/PM system. This converter chart does not take the time zone into account.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"who-uses-the-24-hour-clock\">Who Uses the 24-Hour Clock<\/h3>\n\n\n\n<p>24-hour clock time is normally used in the military, aviation, transport, computers, and emergency services, among many other areas. In many European, Asian, and Latin American countries, most people normally use the 24-hour clock to write time. Many Italian, French, Romanian, and German people use the 24-hour clock when speaking. The 24 hour clock system is also commonly used in many timetables.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-is-military-time-related-to-the-24-hour-clock\">How is Military Time related to the 24-Hour Clock?<\/h3>\n\n\n\n<p>Military time and the 24-hour clock are one and the same. Military time is a slightly modified version of 24-hour timekeeping where the semicolon is removed and the <a href=\"https:\/\/www.militarytime.us\/how-to-prononce-read-military-time\/\">pronunciation and notation of time<\/a> are different to ensure concise and clear communication.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"history-of-the-24-hour-timekeeping-system\">History of the 24-Hour Timekeeping System<\/h3>\n\n\n\n<p>The start of the 24-hour time period is actually rooted in&nbsp;<a href=\"https:\/\/en.wikipedia.org\/wiki\/History_of_timekeeping_devices_in_Egypt\" target=\"_blank\" rel=\"noopener\">Early Egyptian Culture<\/a>. Some other timekeeping methods and systems were used prior to the 24-hour time period. The Egyptians were the 1st people to use the 24-hour clock system. Their system basically revolved around the actual time it took certain constellations to pass across the sky, eventually leading to the rise of the 360-day year. As a matter of fact, there are numerous surviving examples of many clocks that were built using the 24-hour clock system, some of which include; the famous <a href=\"https:\/\/en.wikipedia.org\/wiki\/Prague_astronomical_clock\" target=\"_blank\" rel=\"noopener\">Orloj<\/a> located in Prague, and Shepherd gate clock which is at Greenwich.<\/p>\n\n\n\n<p>Italy was the earliest country to ever introduce the 24-hour clock system nationally, back in the year 1893. The other European and Asian countries followed later on: France adopted the system in the year 1912, followed by Denmark in the year 1916, and then Greece in the year 1917. By the year 1920, Switzerland, Spain, Portugal, and Belgium had all switched, then followed by Turkey in the year 1925, and Germany in the year 1927. By the late 1920s, many Latin American countries had also adopted this 24-hour clock system.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"benefits-of-the-24-hour-clock-system-over-the-12-hour-clock-system\">Benefits of the 24-Hour Clock System Over the 12-Hour Clock System<\/h3>\n\n\n\n<ul>\n<li>It has less confusion between evening and morning; for instance, 7 o&#8217;clock is indicated by 19:00 to mean evening.<\/li>\n\n\n\n<li>You don&#8217;t have to try figuring out if noon time is 12 p.m or 12 a.m.<\/li>\n\n\n\n<li>It&#8217;s easier to calculate the duration. (for example, from 11:40 a.m to 6:40 p.m is 7 hours, but 11:40 to 18:40 indicates the 7-hour difference much better).<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The 24 Hour Clock is the most common way of telling time in the world. 24-hour time is mainly used in Asia, Africa, Europe, and Latin American countries. It\u2019s the &#8230; <a title=\"24 Hour Clock\" class=\"read-more\" href=\"https:\/\/www.militarytime.us\/24-hour-clock\/\" aria-label=\"More on 24 Hour Clock\">Read more<\/a><\/p>\n","protected":false},"author":3,"featured_media":491,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"featured_image_src":"https:\/\/www.militarytime.us\/wp-content\/uploads\/2014\/12\/24-hour-clock-featured.jpg","featured_image_src_square":"https:\/\/www.militarytime.us\/wp-content\/uploads\/2014\/12\/24-hour-clock-featured.jpg","author_info":{"display_name":"MilitaryTime Staff","author_link":"https:\/\/www.militarytime.us\/author\/securesite\/"},"_links":{"self":[{"href":"https:\/\/www.militarytime.us\/wp-json\/wp\/v2\/posts\/478"}],"collection":[{"href":"https:\/\/www.militarytime.us\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.militarytime.us\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.militarytime.us\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.militarytime.us\/wp-json\/wp\/v2\/comments?post=478"}],"version-history":[{"count":0,"href":"https:\/\/www.militarytime.us\/wp-json\/wp\/v2\/posts\/478\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.militarytime.us\/wp-json\/wp\/v2\/media\/491"}],"wp:attachment":[{"href":"https:\/\/www.militarytime.us\/wp-json\/wp\/v2\/media?parent=478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.militarytime.us\/wp-json\/wp\/v2\/categories?post=478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.militarytime.us\/wp-json\/wp\/v2\/tags?post=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}