[javascript]Đồng hồ bằng javascript

[Lucky_Star]

Dưới đây là đoạn code chương trình hiển thị đồng hồ bằng javascript, Bạn có thể thay đổi màu của đồng hồ



1. Chèn đoạn code sau vào tệp tài liệu HTML

<script type="text/javascript">
function showtime(){
if (!document.all& &!document.getElementById)
return
thelement=document.getElementById? document.getElementById("tick2"): document.all.tick2
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var ctime=hours+":"+minutes+":"+seconds+" "+dn
thelement.innerHTML="<b style='font-size:14;color:blue;'>"+ctime+"</b>"
setTimeout("showtime()",1000)
}
window.onload=showtime
</script>

2. Chèn vào trong thẻ này

<span id=tick2></span>

3. Để thay đồi màu của đồng hồ

thelement.innerHTML="<b style='font-size:14;color:blue;'>"+ctime+"</b>"


Bạn có thể đổi màu "color:blue;" (xanh) thành "color:red;" (đỏ) hoặc "color:black;" (đen)…..