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对象是否相等是一个相对复杂的问题。JavaScript提供了几种方法来比较两个对象,但每种方法都有自己的限制和局限性。这里将介绍其中三种最常用的方法来比较对象是否相等。 1. 使用JSON.stringify()方法 JSON.stringify()方法是将一个JavaScript对象转换为一个JSON字符串的方法。我们可以使…

    JavaScript 2023年5月27日
    00
  • 动态添加删除表格行的js实现代码

    下面我将为您详细讲解 “动态添加删除表格行的js实现代码” 的完整攻略。 目录 实现原理 添加表格行的示例代码 删除表格行的示例代码 总结 1. 实现原理 要实现动态添加删除表格行的功能,需要用到 JavaScript。其实现原理可以简单概括为:当用户点击“添加行”按钮时,就会触发一个事件,这个事件会执行 JavaScript 代码,将一行新的表格行添加到表…

    JavaScript 2023年6月11日
    00
  • JavaScript版本迷局介绍

    标题: JavaScript版本迷局介绍 1. 为什么会存在JavaScript版本问题 在一些JavaScript项目中,我们经常听到一些版本的说法,如“ES6”、“ES8”、“Node.js v8”等等,这些版本实际上指的是不同的JavaScript规范。由于JavaScript语言的快速发展,JavaScript不同版本之间出现了一些规范的差异,这就导…

    JavaScript 2023年5月18日
    00
  • date.parse在IE和FF中的区别

    Date.parse()是JavaScript中对日期字符串进行解析的方法。不同浏览器对Date.parse()的支持和行为可能会有所不同。在IE和FF中,Date.parse()的行为有以下几点区别。 IE和FF中Date.parse()的格式 IE中支持的日期格式有:yyyy/MM/dd、yyyy-MM-dd、MM/dd/yyyy和MM-dd-yyyy,…

    JavaScript 2023年6月11日
    00
  • Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)

    下面我将详细讲解“Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)”。 1. JQuery获取Ajax返回值的方法 Jquery是一个非常流行的JavaScript库,它可以很方便地操作HTML文档和处理事件,同时通过JQuery也可以轻松地实现Ajax请求,获取返回值。下面就是一段JQuery获取Ajax返回值的示例代码: $.aj…

    JavaScript 2023年6月11日
    00
  • 关于JavaScript数组你所不知道的3件事

    关于JavaScript数组你所不知道的3件事 本文将介绍三个在JavaScript中数组的使用中可能相对容易被忽视但实际上很有用的特性。 1. 数组长度不是只读属性 在JavaScript中,数组长度可以被更改,而且这并不会影响已经存在的元素。我们可以通过调用Array.prototype.length来获取数组长度,也可以通过设置该属性来更改数组长度。 …

    JavaScript 2023年5月18日
    00
  • JS传值出现中文参数乱码的解决方法

    JS传值出现中文参数乱码的解决方法 当我们在JS中传递参数中包含中文时,有时会出现乱码的问题。这篇攻略将介绍如何解决这个问题。 方法一:使用encodeURIComponent()和decodeURIComponent() 通过使用JavaScript内置的encodeURIComponent()函数对字符串进行编码,再通过decodeURIComponen…

    JavaScript 2023年5月19日
    00
  • layui lay-verify form表单自定义验证规则详解

    下面是关于“layui lay-verify form表单自定义验证规则”的详细攻略: 简介 Layui是一款非常流行的前端UI框架,其有丰富的组件和易于使用的API,而在Layui中,表单验证是非常常见和重要的功能。Layui通过lay-verify实现表单验证,可以通过自定义lay-verify来设置表单验证的规则。 自定义验证规则 在Layui中,自定…

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