JS实现获取时间已经时间与时间戳转换

要实现获取当前时间及时间戳,以及将时间戳转换为时间,可以在 JavaScript 中使用 Date 对象和相应的方法实现。下面是实现该功能的完整攻略:

1. 获取当前时间和时间戳

使用 Date 对象获取当前时间

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

在控制台输出当前日期和时间对象的信息,如下:

Sat Feb 20 2021 16:30:00 GMT+0800 (中国标准时间)

获取当前时间的时间戳

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

在控制台输出当前时间的时间戳,如下:

1613795000357

2. 将时间戳转换为日期时间格式

使用 Date 对象将时间戳转换为日期时间格式

let timestamp = 1613795000357;
let date = new Date(timestamp);
console.log(date.toLocaleString('zh-CN', { hour12: false }));

在控制台输出时间戳所对应的时期时间,如下:

2021/2/20 16:23:20

3. 示例说明

示例 1:获取当前时间和时间戳

以下代码就是获取当前时间和时间戳的示例:

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

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

代码中的 new Date() 就是获取当前时间的方法,而 getTime() 方法则是返回时间戳。

示例 2:将时间戳转换为日期时间格式

以下代码就是将时间戳转换为日期时间格式的示例:

let timestamp = 1613795000357;
let date = new Date(timestamp);
console.log(date.toLocaleString('zh-CN', { hour12: false }));

如果要将一个时间戳转换成日期时间格式,需要使用 new Date(timestamp) 方法,并将时间戳作为参数传入。而 toLocaleString() 方法则是将日期转换为本地格式的字符串,相当于将日期格式化输出。在上面的代码中,toLocaleString() 方法的第一个参数表示本地化的区域(中文),而第二个参数表示选项,例如 hour12: false 表示不使用12小时制。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS实现获取时间已经时间与时间戳转换 - Python技术站

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

相关文章

  • JavaScript分析、压缩工具JavaScript Analyser

    首先,需要明确一下JavaScript分析、压缩工具的作用。JavaScript分析、压缩工具是一种能够对JavaScript代码进行分析、优化、压缩的工具。使用该工具,可以减少JavaScript代码的体积,从而提高页面的加载速度。 下面是使用JavaScript分析、压缩工具的完整攻略: 1. 安装JavaScript分析、压缩工具 目前比较流行的Jav…

    JavaScript 2023年5月27日
    00
  • Typescript中函数类型及示例详解

    Typescript中的函数类型可以通过声明函数的参数类型、返回值类型及函数主体来限制函数的使用。在使用Typescript开发中,了解函数类型及其使用方法是非常重要的,下面介绍Typescript中函数类型的详细攻略。 一、函数类型的定义 在Typescript中,可以使用以下两种方式来定义函数类型: 1.函数声明式定义函数类型 如下例所示,我们使用声明式…

    JavaScript 2023年6月10日
    00
  • URL的参数中有加号传值变为空格的问题(URL特殊字符)

    URL是一种web页面之间的常用传输数据的方式,但在URL参数传值中,可能会遇到特殊字符的问题。其中一种常见问题是,当URL的参数中传递加号(+)时,加号会被自动解析为空格。那么,如何避免这种情况的发生,下面是一个完整的攻略。 1. 使用URL编码 为了避免URL参数被解析错误,可以使用URL编码的方法,将参数中的特殊字符转化为其他字符。这样,在解析URL参…

    JavaScript 2023年5月19日
    00
  • Javascript之面向对象–方法

    下面是Javascript面向对象方法的完整攻略。 什么是面向对象 在开始讲解面向对象方法之前,需要先了解什么是面向对象。面向对象编程(Object Oriented Programming,OOP)是一种软件开发的方法和思想,它以对象为基础,通过封装、继承、多态等特性实现代码的灵活复用、维护和拓展。在Javascript中,我们可以通过构造函数和原型链来实…

    JavaScript 2023年5月18日
    00
  • 从此不再惧怕URI编码 JavaScript及C# URI编码详解

    从此不再惧怕URI编码:JavaScript及C# URI编码详解 URI是什么? URI(Uniform Resource Identifier),中文名为统一资源标识符,是用于标识抽象或物理资源的字符串。 在Web中,我们常用URI表示Web资源的位置和ID。 URI分为三个部分: URI = scheme://host[:port]/path[?que…

    JavaScript 2023年5月20日
    00
  • Object的相关方法 和 js遍历对象的常用方法总结

    我会详细讲解“Object的相关方法和js遍历对象的常用方法总结”的完整攻略。 Object的相关方法 Object 是 JavaScript 的一个基础类型,它包含以下常用的方法: 创建对象 在 JavaScript 中,可以使用以下方法创建一个对象: 字面量方式 let obj = { prop1: ‘value1’, prop2: ‘value2’ }…

    JavaScript 2023年5月27日
    00
  • layui时间控件选择时间范围的实现方法

    下面我将详细讲解“layui时间控件选择时间范围的实现方法”的完整攻略。 1. 简介 layui是一款基于jQuery的前端UI框架,其中包含了丰富的组件和插件。其中,layui提供了时间控件组件laydate,可以方便地实现时间选择功能。 对于许多业务场景,需要用户选择一个时间范围,而不是仅仅选择一个时间点。本文将介绍如何使用layui的时间控件组件lay…

    JavaScript 2023年6月10日
    00
  • js每隔5分钟执行一次ajax请求的实现方法

    要实现JS每隔5分钟执行一次ajax请求,可以借助JavaScript的定时器(Timer)机制,可以使用setInterval方法来周期性的调用Ajax请求的方法。下面是具体的实现步骤: 在HTML页面上引入jQuery库(或其它ajax库) <script src="https://code.jquery.com/jquery-3.5.1…

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