Add a Military Time Clock Widget to your Website

Military Time Clock Widget EXAMPLE

This is how the military time clock widget will look on your site. It uses the visitors time from their device to convert and translate it into military time and back if needed. There are two versions of code below. One includes styling and one does not. It you have difficulty with the visual appearence of the widget then use the code snippet that does not have any styling. From there you can add in styling as needed.

PASTE THIS CODE TO YOUR SITE

<div align=center><strong <strong style="color: #797373;">The current Military Time is:</strong></div><body onLoad="javascript:showTheTime(); GetTime();" ><br /><div style="width: 250px;margin-left: auto;margin-right: auto;border-radius: 10px;padding: 10px 0 0 0;background-color: #78a7c8;color: #fff;border-bottom: 5px solid #34678a;" align="center" class="currenttimeclock"><form name=form> <input style="text-align:center;font-weight: bold;font-size: 18px;color: #e44a3c;" type="text" name="showTime" size="11"><div style="width:250px;margin:0 auto;"><div style="display: inline-block; padding: 10px 8px;" class="timeclockradio"><input type=radio name=showMilitary checked><br />Military Time</div><div style="display: inline-block; padding: 10px 8px;" class="timeclockradio"> <input type=radio name=showMilitary><br />12 Hour Time</div></div></form></div><div style="text-align: center;font-size: x-small;padding: 3px;" id="gyoMilitaryTimeClock"></div><script src='https://www.militarytime.us/wp-content/jsfiles/militaryTime.js' type='text/javascript'></script><div style="clear:both;"></div>

CODE WITHOUT STYLING

If you are having trouble getting the clock to look right on your site then start with this code and adjust with styling as necessary. Read more about styling HTML.

<div align=center><strong <strong style="">The current Military Time is:</strong></div><body onLoad="javascript:showTheTime(); GetTime();" ><br /><div style="" align="center" class="currenttimeclock"><form name=form> <input style="text-align:center;" type="text" name="showTime" size="11"><div style=""><div style="" class="timeclockradio"><input type=radio name=showMilitary checked><br /> Military Time</div><div style="" class="timeclockradio"> <input type=radio name=showMilitary><br />12 Hour Time</div></div></form></div><div align="center" style="font-size:6px;" id="gyoMilitaryTimeClock"></div><script src='https://www.militarytime.us/wp-content/jsfiles/militaryTime.js' type='text/javascript'></script><div style="clear:both;"></div>

Share4

Pin1

Military Time Clock Widget EXAMPLE

PASTE THIS CODE TO YOUR SITE

CODE WITHOUT STYLING

Readers Also Enjoyed