```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>
```