JavaScript的内置对象Date详解

 更新时间:2021年11月24日 15:34:21   作者:1900's 88 keys  
这篇文章主要为大家介绍了vue组件通信的几种方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助

Date对象

在JS中使用Date对象来表示一个时间

创建Date对象

new Date()

创建一个Date对象 如果使用构造函数创建一个Date对象,则会封装为当前代码执行的时间.

var  d = new Date();
console.log("当前时间是:",d);

在这里插入图片描述

创建一个指定的时间对象

需要在构造函数中传递表示时间的 字符串作为参数

日期格式 月份/日/年 (时:分:秒)

var  d = new Date("12/21/2012  12:12:30");
console.log("玛雅人预言世界末日的时间是:",d);

在这里插入图片描述

还可以通过传参的方式进行创建

语法为

new Date(y,M,d,h,m,s):带参的构造,参数是年、月、日、时、分、秒

var  d = new Date(2012,11,21,8,00,00);
console.log(d);

在这里插入图片描述

注意:

通过传参方式创建的时间的月份的整数值,从0(1月)到11(12月)

getDate()

获取当前对象是几日

var d = new Date("12/21/2012  12:12:30");
var date = d.getDate()
console.log("对象d是多少日:", date);

在这里插入图片描述

getDay()

  • 获取当前日期对象是周几
  • 会返回一个0-6的值
    • 0表示周日
    • 1表示周一
    • 2表示周二
    • 3表示周三
    • .......
var d = new Date("12/21/2012  12:12:30");
var date = d.getDay()
console.log("对象d是星期几:", date);

在这里插入图片描述

getMonth()

  • 获取当前时间对象的月份
  • 会返回一个0-11的值(通常会在后面加1来表示中国常用的月份)
    • 0表示1月
    • 1表示2月
    • ........
    • 11表示12月
var d = new Date("12/21/2012  12:12:30");
var date = d.getMonth()
console.log("当前时间对象的月份是:", date);//返回0-11的数 11代表12月

在这里插入图片描述

getFullYear()

  • 获取当前日期对象的年份
  • 已经被这个方法代替
var d = new Date("12/21/2012  12:12:30");
var date = d.getFullYear()
console.log("当前时间对象的年:", date);

在这里插入图片描述

getHours()

  • 获取当前日期对象的小时数
  • 返回(0~23)的值

getMinutes()

  • 获取当前日期对象的分钟数
  • 返回(0~59)的值

getSeconds()

  • 获取当前日期对象的秒数
  • 返回(0~59)的值

getMilliseconds()

  • 获取当前日期对象的毫秒数
  • 返回(0~999)的值

getTime()

  • 获取当前时间日期的时间戳
  • 时间戳,指的是从格林威治标准时间的1970年1年1月1日,0时0分0秒 到当前对象日期所花费的毫秒数(1秒 = 1000毫秒)
  • 计算机底层在保存时间时使用都是时间戳
  • 可以通过(time/1000/60/60/24/365)方式来进行转换到当前对象时间
var d = new Date("12/21/2012  11:10:30");
var date = d.getTime()
console.log("当前时间对象的年:", date);

在这里插入图片描述

Date.now()

  • 获取当前那一刻的时间戳
  • 利用时间戳可以来测试代码的执行的性能
var start = Date.now();
for (let i = 0; i < 100; i++)
{
    console.log(i);
}
var end = Date.now();
console.log("语句执行了:"+(end - start)+"毫秒");

在这里插入图片描述

toDateString()

  • 将日期转为字符

toLocaleDateString()

  • 将日期转换为本地日期格式的字符串

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!

相关文章

  • 用Javascript轻松制作一套简单的抽奖系统

    用Javascript轻松制作一套简单的抽奖系统

    用Javascript轻松制作一套简单的抽奖系统...
    2006-12-12
  • mpvue微信小程序的接口请求fly全局拦截代码实例

    mpvue微信小程序的接口请求fly全局拦截代码实例

    这篇文章主要介绍了mpvue微信小程序的接口请求fly全局拦截代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • 详谈LABJS按需动态加载js文件

    详谈LABJS按需动态加载js文件

    为了提高页面的打开和加载速度,我们经常把JS文件放在页面的尾部,但是有些JS必须放在页面前面,这样就会增加页面的加载时间;于是出现了按需动态加载的概念,这个概念就是当页面需要用到这个JS文件或者CSS渲染文件的时候,在去请求这些文件,这样就节省了页面的加载时间
    2015-05-05
  • 小程序实现登录功能

    小程序实现登录功能

    这篇文章主要为大家详细介绍了小程序实现登录功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-09-09
  • js下利用控制器载入对应脚本

    js下利用控制器载入对应脚本

    因项目开发需要,须将每一个方法都独立成单独的js文件以便载入、维护,所以,必须需要有一个控制器用于载入这些方法。
    2010-07-07
  • Javascript实现信息滚动效果

    Javascript实现信息滚动效果

    这篇文章主要为大家详细介绍了Javascript实现信息滚动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • webpack学习教程之前端性能优化总结

    webpack学习教程之前端性能优化总结

    webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。这篇文章主要给大家总结介绍了关于webpack学习教程之前端性能优化的相关资料,需要的朋友可以参考下。
    2017-12-12
  • JavaScript中播放音频文件的几种常用方法

    JavaScript中播放音频文件的几种常用方法

    JS可以用来播放多种声音文件,包括常见的mp3、wav等格式,这篇文章主要给大家介绍了关于JavaScript中播放音频文件的几种常用方法,需要的朋友可以参考下
    2023-10-10
  • Iframe thickbox2.0使用的方法

    Iframe thickbox2.0使用的方法

    一个小项目中用到,奉命进行修改,定位到
    2009-03-03
  • element ui分页多选,翻页记忆的实例

    element ui分页多选,翻页记忆的实例

    今天小编就为大家分享一篇element ui分页多选,翻页记忆的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论