前端學習(1633):前端系列實戰課程之文字時鐘

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload = function() {
            var timer = null;
            var arr = ['日', '一', '二', '三', '四', '五', '六']

            function time() {
                var oP = document.getElementById('p1');
                var oDate = new Date();
                var year = oDate.getFullYear();
                var month = oDate.getMonth() + 1;
                var date = oDate.getDate();
                var w = oDate.getDay();
                var h = oDate.getHours();
                var min = oDate.getMinutes();
                var sec = oDate.getSeconds();
                oP.innerHTML = year + '年' + month + '月' + date + '日' +
                    h + ':' + min + ':' + sec + ' ' + arr[w]
            }
            time();
            clearInterval(timer);
            timer = setInterval(time, 1000);
        }
    </script>
</head>

<body>
    <p id="p1"></p>
</body>

</html>

運行結果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章