本文详细介绍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提供的帮助。