Log in

View Full Version : Seperate Date From Time


Rooster Cogburn
01-23-2006, 02:27 AM
When I try to view this only the second script shows up and I have no clue why. Im trying to get the date in the upper right corner and the time in the lower left corner.



<html>




<body onload="startclock()"; onLoad="goforit()"; style="margin-top: 0px; width: 480px; height: 272px; background-image: url(bd.gif); background-repeat:no-repeat;">


<script>

/*Date At The Top*/

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()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate="<small><font size=1 color='848484' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</b></font></small>"
if (document.all)
document.all.date.innerHTML=cdate
else if (document.getElementById)
document.getElementById("date").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="date" style="position: absolute; left: 325px; top: 0px;"></span>










<DIV id=Clock style="position: absolute; left: 415px; top: 255px;" style="font-size: 16; color:#3d3d3d">&nbsp;</DIV>

<SCRIPT LANGUAGE="JavaScript">

/*Time At The Bottom*/

function tick() {
var hours, minutes, seconds, ap;
var intHours, intMinutes, intSeconds;
var today;

today = new Date();

intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();

if (intHours == 0) {
hours = "12:";
ap = "AM";
} else if (intHours < 12) {
hours = intHours+":";
ap = "AM";
} else if (intHours == 12) {
hours = "12:";
ap = "PM";
} else {
intHours = intHours - 12
hours = intHours + ":";
ap = "PM";
}

if (intMinutes < 10) {
minutes = "0"+intMinutes;
} else {
minutes = intMinutes;
}

if (intSeconds < 10) {
seconds = " ";
} else {
seconds = " ";
}

timeString = hours+minutes+seconds+ap;

Clock.innerHTML = timeString;

window.setTimeout("tick();", 100);
}

window.onload = tick;

</SCRIPT>

</BODY>
</HTML>
jscheuer1
01-23-2006, 09:53 PM
<html>
<body onload="tick();goforit();" style="margin-top: 0px; width: 480px; height: 272px; background-image: url(bd.gif); background-repeat:no-repeat;">
<script>
/*Date At The Top*/
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()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate="<small><font size=1 color='848484' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</b></font></small>"
if (document.all&&document.all.date.innerHTML.indexOf(dayarray[day])==-1)
document.all.date.innerHTML=cdate
else if (document.getElementById&&document.getElementById("date").innerHTML.indexOf(dayarray[day])==-1)
document.getElementById("date").innerHTML=cdate
else if (document.layers)
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
</script>
<span id="date" style="position: absolute; right: 20px; top: 20px;"></span>
<DIV id=Clock style="position: absolute; left: 20px; bottom: 20px;" style="font-size: 16px; color:#3d3d3d">&nbsp;</DIV>
<SCRIPT LANGUAGE="JavaScript">
/*Time At The Bottom*/
function tick() {
var hours, minutes, seconds, ap;
var intHours, intMinutes, intSeconds;
var today;
today = new Date();
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
if (intHours == 0) {
hours = "12:";
ap = "AM";
} else if (intHours < 12) {
hours = intHours+":";
ap = "AM";
} else if (intHours == 12) {
hours = "12:";
ap = "PM";
} else {
intHours = intHours - 12
hours = intHours + ":";
ap = "PM";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes;
} else {
minutes = intMinutes;
}
if (intSeconds < 10) {
seconds = " ";
} else {
seconds = " ";
}
var crossClock=document.all? Clock : document.getElementById('Clock')
timeString = hours+minutes+seconds+ap;
if (crossClock.innerHTML != timeString)
crossClock.innerHTML = timeString;
window.setTimeout("tick();", 1000);
}
</SCRIPT>
</BODY>
</HTML>

Notes: I only fixed what really needed fixing.
Rooster Cogburn
01-23-2006, 10:40 PM
Thanks a lot, I'm very greatful.