这篇文章主要介绍了原生 javascript 实现自动更新的时间日期的相关资料,对实现代码进行详细分析,感兴趣的朋友可以参考一下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
能够动态变化的事物总比静态的更能够吸引人,甚至更有实用效果,比如能够自动变化的时间日期效果就是如此,下面就通过代码实例介绍一下如何实现此效果,代码实例如下:
一、具体代码
- <html>
- <head>
- <meta charset="gb2312">
- <title>
- phperz
- </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 对象来进行时间和日期的计算。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 对象的函数列表,使用方法如上所示:
1)、获取类函数:
getDate() 函数 -- 返回天数 (1-31)
getDay() 函数 -- 返回星期数 (0-6)
getFullYear() 函数 -- 返回四位数年份
getHours() 函数 -- 返回小时数 (0-23)
getMilliseconds() 函数 -- 返回毫秒数 (0-999)
getMinutes() 函数 -- 返回分钟数 (0-59)
getMonth() 函数 -- 返回月份数 (0-11)
getSeconds() 函数 -- 返回的秒数 (0-59)
getTime() 函数 -- 返回时间戳表示法 (毫秒表示)
getYear() 函数 -- 返回年份 (真实年份减去 1900)
2)、设置类函数:
(以下函数均返回 date 对象距 1970 年 1 月 1 日午夜之间的毫秒数)
setDate() 函数 -- 设置月份的一天
setFullYear() 函数 -- 设置的年份,月份和天
setHours() 函数 -- 设置小时,分钟,秒和毫秒
setMilliseconds() 函数 -- 设置毫秒数
setMinutes() 函数 -- 设置分钟,秒,毫秒
setMonth() 函数 -- 设置月份,天
setSeconds() 函数 -- 设置月份的一天
setTime() 函数 -- 使用毫秒数设置 date 对象
setYear() 函数 -- 设置年份 (真实年份减去 1900)
3)、转化显示类函数:
toLocalString() 函数 -- 返回本地化字符串表示
toLocaleDateString 函数 -- 返回日期部分的本地化字符串
toLocaleTimeString 函数 -- 返回时间部分的本地化字符串
相对于 local 输出,还有:
toString()
toDateString()
toTimeString()
区别在于前者是根据不同的机器有不同的当地语言格式,后者是内部表示格式
4)、日期解析类函数
Date.parse() 函数 -- 解析一个日期的字符串,并返回该日期距 1970 年 1 月 1 日午夜之间的毫秒数
来源: http://www.phperz.com/article/17/0301/267183.html