渡课学习第22天

最新推荐文章于 2019-02-15 11:18:44 发布

原创最新推荐文章于 2019-02-15 11:18:44 发布 · 169 阅读

0 ·

CC 4.0 BY-SA版权

Java课程心得专栏收录该内容

41 篇文章

订阅专栏

本文介绍了一个简单的网页应用，用于实时显示当前的日期和时间。页面加载后，会自动更新显示的时间，采用的是JavaScript来实现定时刷新。具体而言，通过获取当前时间并格式化为年、月、日、小时、分钟和秒的形式。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css"></style>
</head>
<body>
    <div id="content"></div>
    <script type="text/javascript">
        var formatNum = function(num) {
            if (num < 10) return "0" + num;
        return num;
        }

        var dateFormat = function() {
            var result = "xxxx";
            var now = new Date();
            var year = formatNum(now.getFullYear());
            var month = formatNum(now.getMonth() + 1);
            var date = formatNum(now.getDate());
            var hour = formatNum(now.getHours());
            var minute = formatNum(now.getMinutes());
            var second = formatNum(now.getSeconds());

            result = ""+year+"年"+month+"月"+date+"日"+hour+":"+minute+":"+second+" ";
            document.getElementById("content").innerHTML = result;

        }
        dateFormat();
        setInterval(dateFormat,1000);

    </script>

</body>
</html>