« »

Display the local time in the 12 hour or 24 hour format. Selection is made by the visitor using the radio buttons displayed with the clock.

Label: 12/24 Hour Format Clock

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Generate your business videos by AI with voice or just text

Your first FREE AI Video App! Automate Your First AI Video. Create Your Professional Video In 5 Minutes By AI No Equipment Or Video Editing Skill Requred. Effortless Video Production For Content Marketers. Free UNLMITED AI Video App in Your Hand

Code
CSS
JavaScript
HTML
Print

Copy All x2

<style type="text/css">
table.clock {
  text-align: center;
  border: thin dotted blue;
  padding: 5px;
  margin: auto;
}

td, input.clock2 {
  text-align: center;
  border: none;
  font: .9em verdana, helvetica, arial, sans-serif;
  padding-bottom: .5em;
}

.clock3 {
  text-align: center;
  font: .7em verdana, arial, helvetica, ms sans serif;
}

</style>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<script language="javascript">
// Created by: Sandeep Gangadharan :: http://www.sivamdesign.com/scripts/

function formatTime() {
  now = new Date();
  hour = now.getHours();
  min = now.getMinutes();
  sec = now.getSeconds();

  if (document.clock.sivamtime[0].checked) {
    if (min <= 9) {
      min = "0" + min;
    }
    if (sec <= 9) {
      sec = "0" + sec;
    }
    if (hour > 12) {
      hour = hour - 12;
      add = " p.m.";
    } else {
      hour = hour;
      add = " a.m.";
    }
    if (hour == 12) {
      add = " p.m.";
    }
    if (hour == 00) {
      hour = "12";
    }

    document.clock.sivam.value = ((hour<=9) ? "0" + hour : hour) + ":" + min + ":" + sec + add;
  }

  if (document.clock.sivamtime[1].checked) {
    if (min <= 9) {
      min = "0" + min; }
    if (sec <= 9) {
      sec = "0" + sec; }
    if (hour < 10) {
      hour = "0" + hour; }
    document.clock.sivam.value = hour + ':' + min + ':' + sec;
  }

  setTimeout("formatTime()", 1000);
}
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<body onload=formatTime()><form name="clock">
<table class="clock" width="135">
 <tr>
  <td class="clock2">
    Local Time
  </td>
 </tr>
 <tr>

  <td>
    <input class="clock2" type="text" name="sivam" size="12"><br>
  </td>
 </tr>
 <tr>
  <td>
    <label class="clock3" for="1"><input type="radio" id="1" name="sivamtime" checked>12 
	Hour Format</label><br>
    <label class="clock3" for="2"><input type="radio" id="2" name="sivamtime">24 
	Hour Format</label>

  </td>
 </tr>
</table>
</form>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Comment (0)
Write

by Preview

Cancel reply

Write your comment

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

30/01/2007
Sandeep Gangadharan [more]
7,417
0
4
0
3.83 KBytes

JavaScript 12/24 Hour Format Clock

1.3/5 4 votes / 7,417 previews / 0 comment 30/01/2007 Display the local time in the 12 hour or 24 hour format. Selection is made by the visito...JavaScript 12/24 Hour Format Clock - 12/24 Hour Format Clock

Let's be first member to do this

saodoingoi46 darkknighz vanhieuprm chibuu

Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web

12/24 Hour Format Clock

Label: 12/24 Hour Format Clock (adsbygoogle = window.adsbygoogle || []).push({});

Generate your business videos by AI with voice or just text

Write your comment

Label: 12/24 Hour Format Clock