js获取时间函数及扩展函数的方法

获取当前时间是 JavaScript 常见的操作之一,可以通过内置的 Date 对象的方法来实现。在这里,我将为大家介绍如何使用 JavaScript 来获取时间和日期,并通过扩展函数自定义时间格式等操作。

一、JavaScript 获取时间函数

JavaScript 内置 Date 对象提供了一系列可用于获取时间的方法。下面是常用的方法:

1. 获取当前时间

let now = new Date();
console.log(now);

以上代码输出结果如下:

Sat Feb 27 2021 14:17:35 GMT+0800 (China Standard Time)

2. 获取当前时间戳

let timestamp = new Date().getTime();
console.log(timestamp);

以上代码输出结果如下:

1614412688475

3. 获取指定时间

let date = new Date('December 17, 1995 03:24:00');
console.log(date);

以上代码输出结果如下:

Sun Dec 17 1995 03:24:00 GMT+0800 (China Standard Time)

4. 获取年份

let year = new Date().getFullYear();
console.log(year);

以上代码输出结果如下:

2021

5. 获取月份

let month = new Date().getMonth() + 1;
console.log(month);

以上代码输出结果如下:

2

6. 获取日期

let day = new Date().getDate();
console.log(day);

以上代码输出结果如下:

27

7. 获取星期

let week = new Date().getDay();
console.log(week);

以上代码输出结果如下:

6

星期的值是 0(星期天)到 6(星期六)之间的整数。

8. 获取小时

let hour = new Date().getHours();
console.log(hour);

以上代码输出结果如下:

14

9. 获取分钟

let minute = new Date().getMinutes();
console.log(minute);

以上代码输出结果如下:

28

10. 获取秒钟

let second = new Date().getSeconds();
console.log(second);

以上代码输出结果如下:

5

二、扩展函数

Date 对象提供的方法虽然能满足我们大部分的需求,但有时候我们可能需要自定义时间格式等操作。下面是一些常用的扩展函数:

1. 格式化时间

function formatDate(date) {
  let year = date.getFullYear();
  let month = date.getMonth() + 1;
  let day = date.getDate();
  let hour = date.getHours();
  let minute = date.getMinutes();
  let second = date.getSeconds();

  return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
}

console.log(formatDate(new Date()));

以上代码输出结果如下:

2021-2-27 14:52:50

2. 获取年龄

function getAge(date) {
  let now = new Date();
  let age = now.getFullYear() - date.getFullYear();

  if (now.getMonth() < date.getMonth() ||
      (now.getMonth() === date.getMonth() && now.getDate() < date.getDate())) {
    age--;
  }

  return age;
}

console.log(getAge(new Date('June 14, 2000')));

以上代码输出结果如下:

20

示例

下面是一个获取当前时间并以自定义格式输出的示例:

function formatTime(date) {
  let year = date.getFullYear();
  let month = date.getMonth() + 1;
  let day = date.getDate();
  let hour = date.getHours();
  let minute = date.getMinutes();
  let second = date.getSeconds();

  return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
}

let now = new Date();
console.log(formatTime(now));

运行以上代码会输出以下结果:

2021-2-27 15:05:23

下面是一个计算某个人的年龄并输出的示例:

function getAge(date) {
  let now = new Date();
  let age = now.getFullYear() - date.getFullYear();

  if (now.getMonth() < date.getMonth() ||
      (now.getMonth() === date.getMonth() && now.getDate() < date.getDate())) {
    age--;
  }

  return age;
}

let birth = new Date('June 14, 2000');
console.log(`Birth: ${formatTime(birth)}, Age: ${getAge(birth)}`);

运行以上代码会输出以下结果:

Birth: 2000-6-14 0:0:0, Age: 20

以上就是 JavaScript 获取时间函数及扩展函数的详细讲解。希望能对大家有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js获取时间函数及扩展函数的方法 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • javascript函数的四种调用模式

    下面是关于“JavaScript函数的四种调用模式”的完整攻略,分别是方法调用模式、函数调用模式、构造器调用模式和apply/call调用模式。 方法调用模式 当一个函数被定义为一个对象的属性时,该函数被称为一个方法。当使用对象的属性名调用该函数时,该函数内的this关键字将被绑定到该对象。 示例: let obj = { name: ‘Tom’, sayH…

    JavaScript 2023年5月27日
    00
  • JavaScript更改字符串的大小写

    当在JavaScript中处理字符串时,更改字符串的大小写是一个常见的操作。JavaScript提供了多种方法来修改字符串的大小写,包括toUpperCase()和toLowerCase()方法。 toUpperCase()方法 toUpperCase()方法将字符串中的所有字符转换为大写字母并返回新的字符串,原始字符串保持不变。 以下代码演示了如何使用to…

    JavaScript 2023年5月28日
    00
  • 利用JS如何计算字符串所占字节数示例代码

    计算字符串所占字节数是一个比较常见的需求,特别是在前端开发中经常需要通过限制字符串字节数来实现一些功能,比如限制一个输入框最多输入多少个中文字符等等。下面是利用JavaScript来计算字符串所占字节数的完整攻略。 1. 使用UTF-8编码计算字符串字节数 UTF-8是一种地球上最常用的编码方式之一,每个字符的字节数不同。在UTF-8中,一个英文字符占用1个…

    JavaScript 2023年5月28日
    00
  • JavaScript常见鼠标事件与用法分析

    下面是完整的“JavaScript常见鼠标事件与用法分析”的攻略,内容包括:鼠标事件介绍、事件类型、事件对象、示例说明、注意事项等。 鼠标事件介绍 在Web页面中,鼠标事件是非常常见和重要的一种事件类型。网页开发人员可根据鼠标事件来实现各种交互效果,如单击链接跳转、鼠标悬停弹出提示、拖拽等效果。在 JavaScript 中,使用鼠标事件可以在用户与页面交互的…

    JavaScript 2023年6月10日
    00
  • 微信小程序 扭蛋抽奖机css3动画实现详解

    下面是针对“微信小程序 扭蛋抽奖机css3动画实现详解”的完整攻略: 1. 技术说明 本文所用技术为微信小程序,主要会用到CSS3动画和小程序的Canvas组件。 我们需要使用wx.createCanvasContext方法获取Canvas绘图上下文对象,然后调用该上下文对象的相关方法进行Canvas的渲染和动画绘制。 2. 实现步骤 2.1 页面结构 首先…

    JavaScript 2023年6月10日
    00
  • Javascript RegExp compile() 方法

    JavaScript中的RegExp对象中的compile()方法用于编译正则表达式。下面是关于RegExp.compile()方法的完整攻略,包括语法、示例和结。 RegExp的compile()方法 JavaScript的compile()方法用于编译正则表达式。下面是compile()方法的语法: RegExp.compile(pattern, fla…

    JavaScript 2023年5月11日
    00
  • js制作轮播图效果

    下面是详细讲解“js制作轮播图效果”的完整攻略: 1. 确定需求 首先确定需求,也就是轮播图的要求。比如需要自动播放、可以手动切换、需要圆点分页器等等。根据不同的需求,我们会采用不同的实现方法。 在这里,我们暂定轮播图的基本要求为:自动播放、手动切换、圆点分页器。 2. HTML结构 根据需求,确定好HTML结构的基本框架,比如轮播图盒子、轮播图图片、圆点分…

    JavaScript 2023年6月11日
    00
  • JS选取DOM元素常见操作方法实例分析

    针对“JS选取DOM元素常见操作方法实例分析”的攻略,我会给出完整的文本,涵盖标题、代码块等规范要求,并且会提供两个示例。 JS选取DOM元素常见操作方法实例分析 在前端开发中,JS能够操作DOM元素是非常重要的技能之一。在进行DOM操作时,首先需要选取相应的DOM元素。JS有多种方法可以选取DOM元素。接下来,我们将介绍一些常用的DOM选取方法。 通过id…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部