0

0

JavaScript日期对象常用方法及应用

黄舟

黄舟

发布时间:2017-02-28 14:44:57

|

1625人浏览过

|

来源于php中文网

原创

感觉我这个标题写的很大 

其实日期对象并不常用,应用好像也不多
但是我们有必要了解一些基本的用法

日期对象

Date日期对象是js原生的构造函数
不像数组、对象什么的,它没有对应的常量形式
创建一个日期对象很简单

var date = new Date();

Date()可以带参数(字符串),指定日期和时间像这样

console.log(new Date("2016/1/1"));

不带参数就是使用当前的日期和时间

Date()主要是用来获取当前的时间戳(距离1970年1月1日的毫秒数)
这个值可以通过日期对象的getTime方法获取

立即学习Java免费学习笔记(深入)”;

下面看一下日期对象常用的获取方法

  • getFullYear() 获取年份

  • getMonth() 获取月份

  • getDate() 获取天数

  • getDay() 获取星期

  • getHours() 获取小时

  • getMinutes() 获取分钟

  • getSeconds() 获取秒

    非常淘 淘宝客源码
    非常淘 淘宝客源码

    本源码是我用过最好的淘客站源码。对于新站长很用帮助。重要!!注意上传完程序后要先登陆后台修改域名,否则会跳转到后台已设置的域名。 使用方法1:将文件夹里面的文件上传至您的空间根目录(不要在本地测试,本地测试期间功能将被限制,首页模板显示不正常!)2:访问网址http://您的网址/admin 账号:admin 密码:admin3:填写您基本网站信息,以及重要的淘客相关信息 声明:本程序使用权是本人

    下载
  • getTime() 获取时间戳

要是想设置日期对象就把前面的get都改成set,感觉用不上
要注意的地方就是不要使用getYear(),因为它返回的是距离1900年的年差,没人用它
还有就是getMonth()方法返回月份是从零开始的,也就是0~11,代表1~12月
getDay()范围是0~6,0代表星期天
我们来练习一下封装一个函数打印当前日期信息
看一下表,今天是16年11月6日 18:45

function getCurrentDate(){    var date = new Date();
    console.log('年份:' + date.getFullYear(),                
    '月份:' + (date.getMonth() + 1),                
    '天数:' + date.getDate(),                
    '小时:' + date.getHours(),                
    '分钟:' + date.getMinutes(),                
    '秒数:' + date.getSeconds());
}
getCurrentDate();

控制台打印:

如果不使用new,直接调用 Date(),返回的是日期信息的字符串

Date还有一个要提的静态方法是parse(),与getTime()很像
w3c给出的定义:返回1970年1月1日午夜到指定日期(字符串)的毫秒数
这样用

应用

其实日期对象应用不多
无非是获取当前日期、性能测试
获取当前日期就直接实例化一个日期对象,然后调用方法就行

性能测试就是利用时间戳/时间截

function loop(){
    for(var i = 0; i < 1000; i++){
        console.log(1);
    }
}var timeStart = new Date().getTime();
loop();var timeEnd = new Date().getTime();
console.log('程序运行时间:' + (timeEnd - timeStart));

这段代码就是我测试loop函数运行了多长时间

或者可以用我在JavaScript单线程底层原理中使用的方法

function loop(){
    for(var i = 0; i < 1000; i++){
        console.log(1);
    }
}var timeStart = +new Date();
loop();var timeEnd = +new Date();
console.log('程序运行时间:' + (timeEnd - timeStart));

效果是一样的,不过不建议对日期类型使用强制类型转换
加号相当与把实例化的日期对象隐式转换转化为数字
也就是调用了Date对象重写的valueOf()

ES5中新增的日期对象静态方法now()就更方便了,直接获取当前时间戳

function loop(){
    for(var i = 0; i < 1000; i++){
        console.log(1);
    }
}var timeStart = Date.now();
loop();var timeEnd = Date.now();
console.log('程序运行时间:' + (timeEnd - timeStart));

我们也可以为老版本浏览器写个polyfill(补充代码/衬垫代码)

if(!Date.now){    Date.now = function(){
        return new Date().getTime();
    }
}

 以上就是JavaScript日期对象常用方法及应用的内容,更多相关内容请关注PHP中文网(www.php.cn)!

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
java学习网站推荐汇总
java学习网站推荐汇总

本专题整合了java学习网站相关内容,阅读专题下面的文章了解更多详细内容。

6

2026.01.08

java学习网站汇总
java学习网站汇总

本专题整合了java学习网站相关内容,阅读专题下面的文章了解更多详细内容。

0

2026.01.08

正则表达式 删除
正则表达式 删除

本专题整合了正则表达式删除教程大全,阅读专题下面的文章了解更多详细教程。

20

2026.01.08

java 元空间 永久代
java 元空间 永久代

本专题整合了java中元空间和永久代的区别,阅读专题下面的文章了解更多详细内容。

3

2026.01.08

java 永久代和元空间
java 永久代和元空间

本专题整合了java中元空间和永久代的区别,阅读专题下面的文章了解更多详细内容。

0

2026.01.08

java成品网站源码资源大全
java成品网站源码资源大全

本专题整合了java成品网站源码相关内容,阅读专题下面的文章了解更多详细内容。

9

2026.01.08

java过滤器教程大全
java过滤器教程大全

本专题整合了java过滤器相关教程,阅读专题下面的文章了解更多详细内容。

4

2026.01.08

作业帮网页版入口地址大全
作业帮网页版入口地址大全

本专题整合了作业帮网页版地址整理,阅读专题下面的文章了解更多详细内容。

4

2026.01.08

学习通网页版入口地址大全
学习通网页版入口地址大全

本专题整合了学生通网页版入口相关整理,阅读专题下面的文章了解更多详细内容。

19

2026.01.08

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.1万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号