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

yizhihongxing

获取当前时间是 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中的16进制字符介绍

    JavaScript中的16进制字符介绍 在JavaScript中,我们可以使用16进制字符来表示一些特殊的字符,例如控制字符或非打印字符。本篇攻略将详细介绍JavaScript中的16进制字符,让您更好地理解这些字符的含义和用法。 什么是16进制字符 16进制字符是UTF-16编码中的特殊字符,使用16进制数表示。在JavaScript中,我们可以通过\u…

    JavaScript 2023年5月19日
    00
  • 常用的javascript设计模式

    常用的JavaScript设计模式 设计模式是在经验总结的基础上,提炼出的一些经典模板化的软件设计经验。在JavaScript中,同样存在一些常用的设计模式,这些设计模式可以帮助开发者快速、高效地完成开发任务。下面是常用的JavaScript设计模式: 1. 单例模式 单例模式是指一个类只能被实例化一次,并且提供了访问该实例的全局访问点。它在JavaScri…

    JavaScript 2023年5月18日
    00
  • 浅谈ECMAScript6新特性之let、const

    浅谈ECMAScript6新特性之let、const let 在ES6之前,JavaScript只有全局作用域和函数作用域,没有块级作用域,因此在一些复杂的嵌套逻辑中,变量声明和使用的容易混淆,let的出现就解决了这个问题。 块级作用域 let关键字可以声明块状作用域的变量,这个变量只在当前块级作用域有效。比如: function foo() { var b…

    JavaScript 2023年6月11日
    00
  • JavaScript的防抖和节流案例

    JavaScript的防抖和节流是常用的优化技巧,可以有效地控制函数的执行频率,提升Web页面的性能和用户体验。本文将从原理、使用场景,以及基于两个实际案例的讲解,逐步深入介绍JavaScript的防抖和节流优化技巧。 一、防抖和节流的原理 防抖和节流的本质都是控制函数的执行频率,从而提升Web页面的性能。他们的实现方式不同,具体如下: 1. 防抖 防抖的原…

    JavaScript 2023年6月10日
    00
  • es6函数之箭头函数用法实例详解

    关于es6函数之箭头函数用法实例详解,我来为你进行详细的讲解。 什么是箭头函数? 箭头函数是ES6中新增的一个函数语法,它是一个匿名函数,语法比传统函数更加简洁。箭头函数的定义方式如下: // 无参箭头函数 () => {} // 有参箭头函数 (arg1, arg2) => {} // 带表达式的箭头函数 (arg1, arg2) => …

    JavaScript 2023年5月27日
    00
  • js 函数调用模式小结

    JS 函数调用模式小结 函数是 JavaScript 中的重要部分,函数可以通过多种方式调用。在本文中,我们将总结函数的几种调用模式,以及它们的区别和应用场景。 函数调用模式 1. 函数调用模式 这是最基本的一种调用模式。直接使用函数名并传递参数进行调用即可。 function printHello(name){ console.log(`Hello, ${…

    JavaScript 2023年5月27日
    00
  • 限制只能输入数字的实现代码

    为限制用户只能输入数字,我们需要使用JavaScript代码来检查所输入的值,下面是实现这一功能的步骤: 首先需要在HTML文件中创建一个输入框,可以使用元素,并且给它一个唯一的ID,以便于通过JavaScript代码进行引用。 <input type="text" id="numberInput"> 使用…

    JavaScript 2023年6月10日
    00
  • JS基于FileSaver.js插件实现文件保存功能示例 原创

    c1 简介 本文介绍了如何使用FileSaver.js插件实现Javascript文件保存功能。 FileSaver.js是一个Javascript库,提供了将文件保存到本地的功能。该库主要用于浏览器端,支持多种类型的文件格式,包括文本、CSV、PDF、Image等等。 c2 安装 要使用FileSaver.js插件,需要先将其引入到HTML页面中。可以通过…

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