show clock javascript
Printed From: Sieu ho tro
Category: Information Technology
Forum Name: Java, Java script
Forum Description: js
URL: http://sieuhotro.com/forum_posts.asp?TID=614
Printed Date: 03 October 2023 at 20:57 Software Version: Web Wiz Forums 12.03 - http://www.webwizforums.com
Topic: show clock javascript
Posted By: guest
Subject: show clock javascript
Date Posted: 26 February 2008 at 15:33
var myfont_face = "Arial";
var myfont_size = "12";
var myfont_color = "#0000cc";
var myback_color = "#FFFFFF";
var mywidth = 120;
var my12_hour = 1;
var dn = ""; var old = "";
if (document.all||document.getElementById) { document.write('<span id="LiveClockIE" style="width:'+mywidth+'px; background-color:'+myback_color+'"></span>'); }
else
if (document.layers) { document.write('<ilayer bgColor="'+myback_color+'" id="ClockPosNS"><layer width="'+mywidth+'" id="LiveClockNS"></layer></ilayer>'); }
else { old = "true"; show_clock(); }
function show_clock() {
//show clock in NS 4
if (document.layers)
document.ClockPosNS.visibility="show"
if (old == "die") { return; }
var Digital = new Date();
var hours = Digital.getHours();
var minutes = Digital.getMinutes();
var seconds = Digital.getSeconds();
if (my12_hour) {
dn = "AM";
if (hours > 12) { dn = "PM"; hours = hours - 12; }
if (hours == 0) { hours = 12; }
} else {
dn = "";
}
if (minutes <= 9) { minutes = "0"+minutes; }
if (seconds <= 9) { seconds = "0"+seconds; }
myclock = '';
myclock += '<strong> <font style="color:'+myfont_color+'; font-family:'+myfont_face+'; font-size:'+myfont_size+'pt;">';
myclock += hours+':'+minutes+':'+seconds+' '+dn;
myclock += '</font></strong> ';
if (old == "true") {
document.write(myclock);
old = "die"; return;
}
if (document.layers) {
clockpos = document.ClockPosNS;
liveclock = clockpos.document.LiveClockNS;
liveclock.document.write(myclock);
liveclock.document.close();
} else if (document.all) {
LiveClockIE.innerHTML = myclock;
} else if (document.getElementById) {
document.getElementById("LiveClockIE").innerHTML = myclock;
}
setTimeout("show_clock()",1000);
}
|
Replies:
Posted By: guest
Date Posted: 26 February 2008 at 15:34
<script language="javascript" src="liveclock_lite.js">
</script>
<script language="JavaScript">show_clock();</script>
|
|