原生JavaScript实现自动更新的时间日期

原生JavaScript实现自动更新的时间日期

动态变化的内容往往比静态展示更具吸引力，也更具实用价值。例如，能够自动刷新的时间日期效果就是一个典型的应用场景。下面将通过具体的代码示例，详细介绍如何实现这一功能。

<html>
<head>
<meta charset="gb2312">
<title>本站</title>
<script type="text/javascript">
var t = null;
function time(){
 dt = new Date();
 var y=dt.getFullYear();
 var h=dt.getHours();
 var m=dt.getMinutes();
 var s=dt.getSeconds();
 document.getElementById("timeShow").innerHTML="当前时间："+y+"年"+h+"时"+m+"分"+s+"秒";
 t = setTimeout(time,1000);    
} 
window.onload=function(){time()}
</script>
</head>
<body>
<div id="timeShow"></div>
</body>
</html>

上述代码满足了功能需求，现对实现逻辑进行简要说明。 二、实现机制 time()函数用于获取系统当前时间，并在该函数末尾通过定时器函数递归调用time()自身。这种持续执行time()函数的机制实现了时间日期的自动刷新效果，具体细节此处不再赘述。

javascript时间函数

三、相关信息补充

javascript时间函数

Date对象构造函数

JavaScript提供了Date对象，用于进行时间和日期的计算与处理。该对象支持多种不同的构造函数，具体如下：

1、dateObj=new Date() //获取当前系统时间

2、dateObj=new Date(milliseconds) //基于距离起始时间1970年1月1日的毫秒数来创建对象

3、dateObj=new Date(datestring) //基于字符串代表的日期与时间创建对象。该字符串需能被Date.parse()解析，例如"Jannuary 1, 1998 20:13:15"

4、dateObj=new Date(year, month, day, hours, minutes, seconds, microseconds) //基于指定的时间数值创建对象。参数可以不全部提供，未提供的参数默认值为0

在实际使用中，需要调用对象的方法，例如： year=dateObj.getFullYear();//用于获取年份值

Date对象常用方法

以下是Date对象常用方法的列表，使用方式与上述示例相同：

1）、获取类函数： getDate() 函数 -- 返回月份中的天数(范围1-31) getDay()函数 -- 返回星期几(范围0-6，0代表星期日) getFullYear() 函数 -- 返回四位数的年份 getHours()函数 -- 返回小时数(范围0-23) getMilliseconds() 函数 -- 返回毫秒数(范围0-999) getMinutes() 函数 -- 返回分钟数(范围0-59) getMonth() 函数 -- 返回月份数(范围0-11，0代表一月) getSeconds() 函数 -- 返回秒数(范围0-59) getTime() 函数 -- 返回时间戳，即距1970年1月1日午夜之间的毫秒数 getYear() 函数 -- 返回年份(真实年份减去1900，已不推荐使用)

2）、设置类函数： （以下函数均返回修改后的date对象距1970年1月1日午夜之间的毫秒数） setDate() 函数 -- 设置月份中的某一天 setFullYear() 函数 -- 设置年份、月份和日期 setHours() 函数 -- 设置小时、分钟、秒和毫秒 setMilliseconds() 函数 -- 设置毫秒数 setMinutes() 函数 -- 设置分钟、秒和毫秒 setMonth() 函数 -- 设置月份和日期 setSeconds() 函数 -- 设置月份中的某一天 setTime() 函数 -- 使用毫秒数设置date对象 setYear() 函数 -- 设置年份(真实年份减去1900，已不推荐使用)

3）、转化显示类函数： toLocalString() 函数 -- 返回本地化的字符串表示 toLocaleDateString函数 -- 返回日期部分的本地化字符串 toLocaleTimeString函数 -- 返回时间部分的本地化字符串

除了上述基于本地化的输出方法外，还有以下方法：

toString() toDateString() toTimeString()

两者的主要区别在于，前者会根据不同的机器设置返回当地语言格式，而后者返回的是内部的表示格式。

4）、日期解析类函数

Date.parse() 函数 -- 解析一个表示日期的字符串，并返回该日期距1970年1月1日午夜之间的毫秒数

以上就是关于JavaScript时间日期处理的详细内容，希望对各位的学习有所帮助。