Để tạo ra một khung đồng hồ số, tăng thêm tính năng trên website của bạn, thì bài viết này mình sẽ hướng dẫn các bạn gắn code và chia sẻ cho bạn cái code này nhé !
Hướng dẫn gắn code đồng hồ vào website
- Các bạn coppy code bên dưới.
- Quay lại trang quản trị blog
- Chọn bố cục
- Chọn nới bạn muốn hiển thị code này và chọn New > HTML/Định cấu hình HTML/JavaScript > Paste đoạn code đã coppy và lưu lại
- Vào trang web và xem lại.
<center><script>var myVar=setInterval(function(){myTimer()},1000); function myTimer() {var d=new Date(); var t=d.toLocaleTimeString(); document.getElementById("h").innerHTML=t;}</script>
<span id="h"></span>
<script type="text/javascript">
n=new Date();if(n.getTimezoneOffset()==0)t=n.getTime()+(7*60*60*1000);else t=n.getTime();n.setTime(t);var dn=new Array("Chủ nhật","Thứ 2","Thứ 3","Thứ 4","Thứ 5","Thứ 6","Thứ 7");d=n.getDay();m=n.getMonth()+1;y=n.getFullYear()
document.write(dn[d]+", "+(n.getDate()<10?"0":"")+n.getDate()+"/"+(m<10?"0":"")+m+"/"+y)
</script></center>
<style>
#h {font-weight:400;
display: block;
font-size: 30px;
margin: 0 0 5px;
letter-spacing: 5px;
}
</style>
Xem DEMO
Lời kết
Trên là code hiển thị đồng hồ mà mình muốn chia sẻ với các bạn, mong các bạn thích nó và đăng kí kênh youtube vaftheo dõi blogspot của mình để cập những thứ hay ho khác nhé. Chúc các bạn thành công.