Code-07
แสดงนาฬิกา Digital บน Web

ตัวอย่าง
 


ต้องการให้แสดงนาฬิกา Digital บน Web หรือ Homepage ของท่าน เพียงแค่ท่านนำ Code ด้านล่างนี้ ไปไว้ที่ส่วน <body>....</body> บนหน้า Web ในบริเวณที่ท่านต้องการ ดู ตัวอย่าง ข้างบนนี้ ครับ สำหรับ code มีดังนี้.-
ข้อมูลเพิ่มเติม ที่สำคัญคือ ผู้เข้าชม Web ของท่าน หรือแม้แต่เครื่องของท่านเองที่ใช้ Test run หน้า Web จะต้อง Set เวลาในเครื่องคอมฯ นั้น ๆ ให้ตรงกับเวลาปัจจุบัน นะครับ มิเช่นนั้น การแสดงผล จะไม่ตรงตามความเป็นจริง ครับ


<script language=JavaScript>
///////////////////////////////////////////////////////////
// "Live Clock" script - Version 2.0
// http://www.zip.com.au/~astroboy/liveclock/

var myfont_face = "MS Sans Serif";
var myfont_size = "8";
var myfont_color = "#FF0000";
var myback_color = "";
var mywidth = 80;
var my12_hour = 1;

var dn = ""; var old = "";

if (document.all || window.sidebar) { 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(); }

onload = show_clock;

function show_clock() {
if (old == "die") { return; }

var Digital = new Date();
var hours = Digital.getHours();
var minutes = Digital.getMinutes();
var seconds = Digital.getSeconds();

if (my12_hour) {
dn = "น.";
if (hours >= 12) { dn = "น."; }
if (hours == 0) { hours = 12; }
} else {
dn = "";
}
if (minutes <= 9) { minutes = "0"+minutes; }
if (seconds <= 9) { seconds = "0"+seconds; }

myclock = '';
myclock += '<font style="color:'+myfont_color+'; font-family:'+myfont_face+'; font-size:'+myfont_size+'pt;">';
myclock += hours+':'+minutes+':'+seconds+' '+dn;
myclock += '</font>';
myclock += '';

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 (window.sidebar) {
document.getElementById("LiveClockIE").innerHTML = myclock;
}

setTimeout("show_clock()",1000);
}
</script>