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()

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

总结

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

相关文章

  • avascript中的自执行匿名函数应用示例

    avascript中的自执行匿名函数应用示例

    javascript中的自执行匿名函数可以用它创建命名空间,只要把自己所有的代码都写在这个特殊的函数包装内,那么外部就不能访问,除非你允许
    2014-09-09
  • JS实现的网页背景闪电闪烁效果代码

    JS实现的网页背景闪电闪烁效果代码

    这篇文章主要介绍了JS实现的网页背景闪电闪烁效果代码,涉及JavaScript定时函数结合页面元素样式操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • 让图片跳跃起来  javascript图片轮播特效

    让图片跳跃起来 javascript图片轮播特效

    让图片跳跃起来 这篇文章主要介绍了javascript图片轮播特效,图片按照间隔时间进行切换,文章具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 浅析JS中NEW的实现原理及重写

    浅析JS中NEW的实现原理及重写

    本文通过实例代码给大家介绍了JS中NEW的实现原理及重写,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友参考下吧
    2020-02-02
  • 给Function做的OOP扩展

    给Function做的OOP扩展

    自编框架Megami的一部分……现在发现自己实在太宅了…… 文件中出现的名字请对号入座……
    2009-05-05
  • JavaScript实现单例模式实例分享

    JavaScript实现单例模式实例分享

    这篇文章主要介绍了JavaScript实现单例模式实例以及代码讲解,有需要的读者们跟着学习参考下吧。
    2017-12-12
  • Javascript 实用小技巧

    Javascript 实用小技巧

    都是一些非常不错的js 小技巧,学习js的朋友一定要看下,有很多不错的代码。
    2010-04-04
  • Webpack打包时将文件内联方法实现

    Webpack打包时将文件内联方法实现

    本文主要介绍了Webpack打包时将文件内联方法实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-01-01
  • JS实现页面跳转与刷新的方法汇总

    JS实现页面跳转与刷新的方法汇总

    这篇文章主要给大家介绍了关于JS实现页面跳转与刷新的方法,文中通过示例代码介绍的非常详细,对大家学习或者使用JS具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-08-08
  • bootstrap 表单验证使用方法

    bootstrap 表单验证使用方法

    在web开发过程中表单验证是比较常见的需求,友好的错误提示能够用户带来极好的用户体验效果,今天小编给大家带来如何使用bootstrap 表单验证功能,一起看看吧
    2017-01-01

最新评论