Hôm trước mình đã giới thiệu với các bạn một script đồng hồ, tuy nhiên nó còn rờm rà phức tạp về cách thực hiện. Cho nên hôm nay mình quyết định cải tiến script một chút, làm cho cho nó đơn giản để thêm vào trang của bạn hơn và mình cũng thêm tính năng sử dụng kiểu giờ 12 tiếng cho script này.
#Thêm script đồng hồ
1. Đăng nhập Blogger
2. Bố cục > Thêm tiện ích > HTML/Javascript
3. Dán code dưới vào
<div id="clock">Đồng Hồ</div> <script type="text/javascript"> // Hàm khởi tạo đồng hồ function startTime() { // Lấy Object ngày hiện tại var today = new Date(); // Giờ, phút, giây, ngày, tháng, năm hiện tại var h = today.getHours(); var m = today.getMinutes(); var s = today.getSeconds(); var date = today.getDate(); var month = today.getMonth(); var year = today.getFullYear(); //xác định xem hôm nay là thứ mấy var day = today.getDay(); var thu = new Array("Chủ nhật","Thứ hai","Thứ ba","Thứ tư","Thứ năm","Thứ sáu","Thứ bảy"); // Chuyển đổi sang dạng 01, 02, 03 m = checkTime(m); s = checkTime(s); h = checkTime(h); date = checkTime(date); month = checkTime(month); b="AM"; // Kiểu đồng hồ 12h if (h>12) { h-=12; b="PM" } // Ghi ra trình duyệt document.getElementById('clock').innerHTML =thu[day] + " ngày " + date + "/" + month + "/" + year + " ~ "+ h + ":" + m + ":" + s + " "+b; } // Hàm này có tác dụng chuyển những số bé hơn 10 thành dạng 01, 02, 03, ... function checkTime(i) { if (i < 10) { i = "0" + i; } return i; } // Dùng hàm setInterval để thiết lập gọi lại 0.5 giây / lần setInterval(function() {startTime()}, 500); </script>4. Lưu lại và kiểm tra kết quả.
Comments
Post a Comment
» Vui lòng không spam vì nó sẽ bị xóa ngay sau đó.
» Nếu chèn code hãy mã hóa trước khi chèn vào nhận xét.
» Nếu thủ thuật Blog không áp dụng được thì hãy để lại URL blog để mình tiện kiểm tra.