PDA

View Full Version : Date & Time Clock



photoprincess
10-10-2006, 11:25 AM
1) Live Date Script

2) http://www.dynamicdrive.com/dynamicindex6/clock3.htm

3) Is there a way to change the time to military time in this script?

Thanks!:)

codeexploiter
10-10-2006, 11:43 AM
Yes you can refer the following source code



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body onLoad="goforit();">
<script>

/*
Live Date Script-
Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use,
visit http://www.dynamicdrive.com
*/


var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")

function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
//If you want military format then the following section must be commented - starts here

//var dn="AM"
//if (hours>=12)
//dn="PM"
//if (hours>12){
//hours=hours-12
//}
//if (hours==0)
//hours=12

//If you want military format then the following section must be commented - starts here

//The below condition is made up for the military format. If you want the normal 12 hour clock then the next two line must be commented
if (hours==0)
hours=24

if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here - supports 24 hour military clock
var cdate="<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+"</b></font></small>"

//change font size here - supports 12 hour clock if you want this comment the above line and uncomment this.
//var cdate="<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn
//+"</b></font></small>"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}

</script>
<span id="clock"></span>
</body>
</html>