这篇文章主要介绍了 JS 如何获取当前日期时间并执行定时刷新,示例代码如下,需要的朋友不要错过
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
JS 获取当前日期时间
- var date = new Date();
- date.getYear(); //获取当前年份(2位)
- date.getFullYear(); //获取完整的年份(4位,2014)
- date.getMonth(); //获取当前月份(0-11,0代表1月)
- date.getDate(); //获取当前日(1-31)
- date.getDay(); //获取当前星期X(0-6,0代表星期天)
- date.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
- date.getHours(); //获取当前小时数(0-23)
- date.getMinutes(); //获取当前分钟数(0-59)
- date.getSeconds(); //获取当前秒数(0-59)
- date.getMilliseconds(); //获取当前毫秒数(0-999)
- date.toLocaleDateString(); //获取当前日期 如 2014年6月25日
- date.toLocaleTimeString(); //获取当前时间 如 下午4:45:06
- date.toLocaleString(); //获取日期与时间 如 2014年6月25日 下午4:45:06
注意:getYear() 和 getFullYear() 都可以获取年份, 但两者稍有区别
getYear() 在浏览器中显示则为:114 (以 2014 年为例), 原因则是 getYear 返回的是 "当前年份 - 1900" 的值 (即年份基数是 1900)
使用 JS 来获取年份都使用: getFullYear()
定时刷新
定时刷新则使用 setInterval, 具体 setTimeout 与 setInterval 的区别参考其他资料。
1、首先页面需要一区域用于显示时间
- <div id="showDate">
- </div>
2、获取时间
- <script type="text/javascript">
- $(function(){
- setInterval("getTime();",1000); //每隔一秒执行一次
- })
- //取得系统当前时间
- function getTime(){
- var myDate = new Date();
- var date = myDate.toLocaleDateString();
- var hours = myDate.getHours();
- var minutes = myDate.getMinutes();
- var seconds = myDate.getSeconds();
- $("#showDate").html(date+" "+hours+":"+minutes+":"+seconds); //将值赋给div
- }
- </script>
使用 toLocaleDateString() 直接获取年月日, 不需要再单独获取年、月、日
而 toLocaleTimeString() 可直接获取时分秒,由于它获取的格式不是需要的。于是可单独获取。
来源: