PDA

View Full Version : live clock Need Help



lentzu
09-28-2010, 06:38 PM
The code I am finding is for military time(1pm being 13:00) and I dont want it that way. How do I change code to reflect (1pm & so on) plus the date. I am beyond confused. please any kick in the right direction would be appreciated.:confused:

bluewalrus
09-28-2010, 07:42 PM
Would need the code you're trying to update but something like


if (time > 12:59) {
time = time - 12;
var merdian = "am";
} else {
var merdian = "pm";
}

If this clock is running though and not just displaying on the page load I think this will be inefficient. Please post your code or a link.

lentzu
09-29-2010, 07:36 PM
I using this:

<body><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>

bluewalrus
09-29-2010, 08:23 PM
Okay, this should do it.


<body onLoad="goforit();">
<script type="text/javascript">
/*
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 out

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

//if you want regular, 12 hour (am/pm) formatting comment the next two lines out

//START REG COMMENTS
//if (hours==0)
//hours=24
//END REG COMMENTS


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>

Can you link to where you got that script?