JavaScript Date 对象常用方法详解与实时时钟实现

作者:木棉时间:2026-10-24 23:49:56浏览:236

本文详细介绍JavaScript中Date对象的常用方法,包括获取年月日、时分秒、星期及毫秒数等。通过完整代码示例,演示如何利用setTimeout实现页面动态显示当前时间的功能,适用于前端开发中的时间展示需求。

JavaScript Date对象常用方法

首先,需要创建一个Date实例来操作当前时间:


调用getYear()方法可以获取当前年份的后两位数字。


使用getFullYear()方法能够获取完整的四位年份,范围通常从1970年开始。


getMonth()方法返回当前月份,注意返回值范围是0到11,其中0代表1月。


通过getDate()方法可以获取当前月份中的具体日期,数值范围为1到31。


getDay()方法用于获取当前是星期几,返回值0到6分别对应星期日到星期六。


myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)


getHours()方法获取当前小时数,取值范围为0到23。


getMinutes()方法获取当前的分钟数,范围是0到59。


getSeconds()方法获取当前的秒数,范围同样是0到59。


getMilliseconds()方法返回当前时间的毫秒部分,数值范围在0到999之间。


toLocaleDateString()方法可直接获取当前日期的本地化字符串表示。


通过toLocaleTimeString()方法可以获取当前时间的本地化字符串,例如赋值给变量mytime。


调用toLocaleString()方法则同时返回日期与时间的完整字符串信息。




动态显示实时时间的代码实现

以下是上述方法的一个典型应用场景。


该示例旨在每隔一分钟更新页面显示的最新时间,格式类似于“2010年6月20日星期日 12:17:14”。


具体实现依赖于JavaScript脚本。


相关代码实现如下:

 
<script type="text/javascript">
function ShowTime() {
var time = new Date();
var temp = time.toLocaleString();
document.getElementById("spanTime").innerText = temp;
setTimeout(ShowTime, 60000);
} 
onload = ShowTime;
</script>

<span id="spanTime"></span>


此处已修正原代码中的错误,感谢sohighthesky提供的帮助。

作者最新文章