用Javascript在HTML中显示实时时间

最新推荐文章于 2024-04-29 10:35:43 发布

lihuiGG520

最新推荐文章于 2024-04-29 10:35:43 发布

阅读量2.7k

点赞数

分类专栏： Javascript 文章标签： Javascript time html

本文链接：https://blog.csdn.net/lihuiGG520/article/details/81458018

版权

Javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

方法如下：
1. 在script中建立方法time；
2. 创建新的Date对象date，并通过使用Date的内置方法给year、month等赋值；
3. 通过连接符号将各个时间连接起来；
4. 使用document.getElementById(“time”).innerHTML将其显示到HTML主页中；
5. 使用setInterval设置动态更新时间，即实时时间；

注意：
（1）获取年份的方法前面有full；
（2）月份的表示从零开始；
（3）周的获取值表示为数字，可以通过switch的方法转换，也可以通过下面代码中的方法将其转化为星期几；
（4）对于时分秒的两位表示，可以在前面加上符号0；

参考代码见下：

<html>
    <head>
        <meta charset="UTF-8">
        <title>日期和时间</title>
        <script>
            function time(){
                var date = new Date();
                var year = date.getFullYear();
                var month = date.getMonth()+1;
                var day = date.getDate();
                var week = date.getDay();
                week="星期"+"日一二三四五六".charAt(week);
                /*switch(week){
                    case 1:
                        week="星期一";
                        break;
                    case 2:
                        week="星期二";
                        break;
                    case 3:
                        week="星期三";
                        break;
                    case 4:
                        week="星期四";
                        break;
                    case 5:
                        week="星期五";
                        break;
                    case 6:
                        week="星期六";
                        break;
                    case 0:
                        week="星期日";
                        break;
                }*/
                var hour =date.getHours();
                hour=hour<10?"0"+hour:hour;
                var minute =date.getMinutes();
                minute=minute<10?"0"+minute:minute;
                var second = date.getSeconds();
                second=second<10?"0"+second:second;
                var currentTime = year+"-"+month+"-"+day+"  "+week+"   "+hour+":"+minute+":"+second;
                document.getElementById("time").innerHTML=currentTime;
            }
            setInterval("time()",1000);
        </script>
    </head>
    <body onload="time()">
        <span id="time"></span>
    </body>
</html>

lihuiGG520

关注

0
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
用Javascript在HTML中显示实时时间

方法如下： 1. 在script中建立方法time； 2. 创建新的Date对象date，并通过使用Date的内置方法给year、month等赋值； 3. 通过连接符号将各个时间连接起来； 4. 使用document.getElementById(“time”).innerHTML将其显示到HTML主页中； 5. 使用setInterval设置动态更新时间，即实时时间；注意...
复制链接

扫一扫