当前位置 : 主页 > 手机教程 > 手机资讯 >

使用Javascript在HTML中显示实时时间

来源:互联网 收集:自由互联 发布时间:2023-01-20
本文实例为大家分享了用Javascript在HTML中显示实时时间的具体代码,供大家参考,具体内容如下 方法如下: 1. 在script中建立方法time; 2. 创建新的Date对象date,并通过使用Date的内置方法

本文实例为大家分享了用Javascript在HTML中显示实时时间的具体代码,供大家参考,具体内容如下

方法如下:

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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持自由互联。

上一篇:js实现文字滚动的效果
下一篇:没有了
网友评论