```java
<div id="clock"></div>

    <!-- 加載完成以后在加載js,減少頁面的空白時間 -->
    <script>
        // 獲取dom節點
        var clock1 = document.getElementById('clock');

        // 封裝函數
        function clockFunc() {
            // 獲取當前時間
            var date = new Date();
            // 年份 YY 月份 MM 日期 DD 星期 dd 小時 hh 分鐘 mm 秒 ss
            // 獲取年份
            var YY = date.getFullYear();
            // 獲取月份 注意加1
            var MM = date.getMonth() + 1;
            // 獲取日期
            var DD = date.getDate();
            // 獲取星期幾
            var dd = date.getDay();
            // 獲取小時
            var hh = date.getHours();
            // 獲取分鐘
            var mm = date.getMinutes();
            // 獲取秒
            var ss = date.getSeconds();

            // 格式化星期幾
            switch (dd) {
                case 0:
                    dd = '星期日';
                    break;
                case 1:
                    dd = '星期一'
                    break;
                case 2:
                    dd = '星期二'
                    break;
                case 3:
                    dd = '星期三'
                    break;
                case 4:
                    dd = '星期四'
                    break;
                case 5:
                    dd = '星期五'
                    break;
                case 6:
                    dd = '星期六'
            }

            // 十二進制
            if (hh > 12) {
                hh = ' PM ' + strFunc(hh - 12);
            } else {
                hh = ' AM ' + strFunc(hh);
            }

            // 想要向id為clock的標簽內部添加內容innerHTML
            // clock1.innerHTML = "56565";
            clock1.innerHTML = '當前時間為:' + YY + ' 年 ' + MM + ' 月 ' + DD + ' 日 ' + dd + hh + ' : ' + strFunc(mm) + ' : ' + strFunc(ss);
        }

        // 添加0的函數
        function strFunc(num) {
            if (num < 10) {
                num = '0' + num;
            }

            return num;
        }

        // 定時器
        var timer = setInterval('clockFunc()', 1000);
    </script>
```