JavaScript实时显示当前时间

JS中主要利用Date获取时间,在此需要注意的是:Date的getMonth()方法从0开始计算,getDay用于获取该星期内的第几天,如果要获取日期号则需要使用getDate()方法,代码如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>显示时间</title>
</head>
<body>
    <div id="time"></div>
    <script>
        function showTime() {
            var date = new Date();

            // 年月日
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var day = date.getDate();

            // 时分秒
            var hour = date.getHours();
            var minute = date.getMinutes();
            var second = date.getSeconds();

            // 实时显示
            var element = document.getElementById('time');
            element.innerHTML = '<h1>' + year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
        }

        setInterval('showTime()', 1000);
    </script>
</body>
</html>

运行结果如下图:
在这里插入图片描述

发布了99 篇原创文章 · 获赞 16 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/HerryDong/article/details/103530019
今日推荐