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

2023-07-02 11:07:27 263人浏览八月长安

摘要

这篇文章主要介绍了怎么使用javascript在html中显示实时时间的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇怎么使用Javascript在HTML中显示实时时间文章都会有所收获，下面我们一起来看看吧。方

这篇文章主要介绍了怎么使用javascript在html中显示实时时间的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇怎么使用Javascript在HTML中显示实时时间文章都会有所收获，下面我们一起来看看吧。

方法如下：

在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);                                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>

关于“怎么使用Javascript在HTML中显示实时时间”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“怎么使用Javascript在HTML中显示实时时间”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网精选频道。

点击免费下载>>软考高级考试备考技巧/历年真题/备考精华资料

--结束END--

本文标题: 怎么使用Javascript在HTML中显示实时时间

本文链接: https://www.lsjlt.com/news/341408.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341