这篇文章主要介绍了JS如何获取当前日期时间并执行定时刷新,示例代码如下,需要的朋友不要错过

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()可直接获取时分秒,由于它获取的格式不是需要的。于是可单独获取。

最新资讯
特斯拉二季度所交付电动汽车中 近三分之一来自上海超级工厂

特斯拉二季度所交付电

外媒的报道就显示,在今年二季度特斯拉所交付的电动汽车
特斯拉“电池日”:新技术应用还需时间 不排除进入电池制造领域

特斯拉“电池日”:新技

北京时间9月22日,马斯克却在社交平台上表示,即将于特斯
中通快递据悉将在港上市定价为218港元 拟筹资12.7亿美元

中通快递据悉将在港上

市场消息:中通快递据悉将在港上市定价为218港元/股,拟筹
5G时代出行业有何变革?自动驾驶和车路协同相辅相成| 新浪5G峰会

5G时代出行业有何变革

过去20年互联网和移动互联网基本解决了出行行业信息流
红杉中国新人民币基金至少筹资22亿美元

红杉中国新人民币基金

知情人士表示,红杉中国正在筹集成立一只人民币基金,规模
现在的蘑菇都能做成皮包了?!

现在的蘑菇都能做成皮

商业生产的真菌皮革很快就会进入市场。那么问题来了,你
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,