Script đồng hồ V2

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