4/9/15

Javacrip tạo Lịch Và Đồng Hồ

Từ khóa


    Để user ghé thăm trang web của các bạn có thể xem giờ và lịch thì bạn chỉ cần chèn đoạn script sau vào trước thẻ :
<script language=javascript>
var dayarray=new Array("Chủ nhật","Thứ 2","Thứ 3","Thứ 4","Thứ 5","Thứ 6","Thứ 7")
var montharray=new Array("01","02","03","04","05","06","07","08","09" ,"10","11","12")
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 color='ffffff' face='tahoma'><b>"+dayarray[day]+", "+daym+"."+montharray[month]+"."+year+" - "+hours+":"+minutes+":"+seconds+" "+dn
+"</b></font></small>"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
</script>
* Trong thẻ <body> bạn chèn thêm thuộc tính sau : onload=goforit(); vào thẻ <body>
VD :
<body style="MARGIN: 0px" bgColor=#006699 onload=goforit();>
* Chèn sau thẻ <body> hoặc vị trí cần đặt đồng hồ thì bạn chèn script sau :
<p id=clock ></p>
--> Bạn nhớ chọn màu nền là màu khác màu WHITE thì mới thấy nha bạn.
**** Cách thay đổi text AM thành Buồi Sáng và PM thành buổi chiều ****
tìm dòng :
var dn="AM"
thay bằng :
var dn="Buổi sáng"
tìm dòng :
dn="PM"
thay bằng :
dn="Buổi chiều"
Chúc các bạn thảnh công !!

Điểm 4.6/5 dựa vào 87 đánh giá
  • Fpt Play Box : Giảm giá tháng 9. Tặng 1 năm sử dụng gói Family, xem tivi không lo cước thángClick xem
  • Fpt Play Box : Siêu giảm giá tặng gói chương trình siêu hot Click xem
  • Tips : Internet FPT khuyến mại siêu hot- giảm giá "cực sốc" tháng 9 Click xem

Bài liên quan


EmoticonEmoticon