Đồng hồ bằng javascript

Posted on March 22, 2008
by Blog.thegioiwebsite.Net Học Javascripts |

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)…..


Bookmark


Comments

One Response to “Đồng hồ bằng javascript”

  1. chinh on October 18th, 2008 9:48 am

    không hiển thị được đồng hồ, chỉ cụ thể hơn đi.
    em mới và nghề, cém ơn!

Leave a Reply