WAPLEARNING.WAP.SH

Bây giờ là , ngày

Một trang web chuyên nghiệp không thể thiếu thanh thời gian hiện tại phải không các bạn, hôm nay mình sẽ hướng dẫn các bạn tạo một đồng hồ điện tử đơn giản cho trang web của các bạn. Code này mình sưu tầm được trên mạng, các bạn copy paste là được.

Đầu tiên các bạn tạo 2 file, date.js và time.js, lưu trong thư mục js nhé

time.js

function tS(){ x=new Date(); x.setTime(x.getTime()); return x; } //khởi tạo đối tượng x sử dụng Date Object

function lZ(x){ return (x>9)?x:'0'+x; } //nếu x<10 trả về giá trị 0+x

function tH(x){ if(x==0){ x=12; } return (x>12)?x-=12:x; } 

function dT(){ if(fr==0){ fr=1; document.write('<span id="tP">'+eval(oT)+'</span>'); } 

document.getElementById('tP').innerHTML=eval(oT); setTimeout('dT()',1000); } //thực hiện hàm theo chu kỳ 1 giây

function aP(x){ return (x>11)?'pm':'am'; } //sáng trưa am chiều tối pm

var fr=0,oT="lZ(tH(tS().getHours()))+':'+lZ(tS().getMinutes())+':'+lZ(tS().getSeconds())+' '+aP(tS().getHours())";

document.write('<script language="JavaScript">dT();</script>')

date.js

now=new Date();

if (now.getTimezoneOffset() == 0) (a=now.getTime() + (3*60*60*1000))

else (a=now.getTime());

now.setTime(a);

document.write(((now.getDate() < 10) ? "0" : "") + now.getDate() + "/" + ((now.getMonth() < 9) ? "0" : "") + (now.getMonth() + 1) + "/" + now.getFullYear())

Khá đơn giản phải không nào! Bây giờ, để đồng hồ chạy được, các bạn vào thẻ _header và thêm đoạn HTML sau:

<script language="javascript" src="http://.../js/time.js"></script> | <script language="javascript" src="http://.../js/date.js"></script>

Dấu "..." là link trang web của các bạn.

Chúc các bạn thành công