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 canvas绘制动态圆环进度条

    现在我来详细讲解如何通过 JavaScript canvas 绘制动态圆环进度条的完整攻略。 概述 原理:利用 <canvas> 标签绘制一个圆环,再通过控制圆环的起始弧度和结束弧度来实现进度条的动态效果。 需要掌握的知识: HTML5 <canvas> 标签的使用 ctx.beginPath()、ctx.closePath()、ct…

    JavaScript 2023年6月11日
    00
  • JS如何实现基于websocket的多端桥接平台

    实现基于websocket的多端桥接平台,可以采用前后端分离的架构,前端通过websocket与后端进行双向数据通信,从而实现多端之间的桥接。具体步骤如下: 后端实现websocket服务 首先,在后端实现websocket服务,可以使用Node.js + socket.io来实现。Node.js提供了事件驱动的非阻塞I/O模型,使得我们可以轻松地创建异步的…

    JavaScript 2023年6月10日
    00
  • JS截取字符串的方法详解

    JS截取字符串的方法详解 在JavaScript中操作字符串是非常常见的操作,其中一个常见的操作便是截取字符串。截取字符串的方法有很多,下面将详细讲解几种常见的方法。 方法一:使用substring()方法 substring()方法是JavaScript中最常用的截取字符串的方法。它的语法是: string.substring(start, end) st…

    JavaScript 2023年5月28日
    00
  • window.location 对象所包含的属性

    前端开发中常用到window.location对象,该对象包含了当前页面的URL信息。下面详细讲解window.location对象所包含的属性及其作用: window.location.href window.location.href返回当前页面的URL地址,也可以修改该属性来跳转页面。 示例1: //返回当前页面URL console.log(wind…

    JavaScript 2023年6月11日
    00
  • JavaScript中Math对象的方法介绍

    以下是 “JavaScript中Math对象的方法介绍”的完整攻略: JavaScript中Math对象的方法介绍 在JavaScript中,Math对象提供了一些数学运算的方法,这些方法可以用于处理数字。 1. Math.floor()方法 Math.floor()方法返回一个小于或等于数字的最大整数。 示例代码: let num1 = 7.8; let …

    JavaScript 2023年5月27日
    00
  • JavaScript的document对象和window对象详解

    来详细讲解一下“JavaScript的document对象和window对象详解”。 1. 什么是document对象和window对象 在JavaScript中,document对象和window对象都是很重要的全局对象,它们都是DOM( Document Object Model,文档对象模型)的一部分,具有非常强的实用性。 1.1 document对象…

    JavaScript 2023年5月27日
    00
  • JavaScript事件处理的方式(三种)

    JavaScript事件处理的方式,一般可以分为三种,分别是通过HTML属性、DOM 0级事件处理和DOM 2级事件处理。下面将一一详细讲解。 1. HTML属性方式 使用HTML标签的事件属性来绑定事件,比如<button onclick=”alert(‘clicked’)”>Click me</button>。 HTML属性事件处…

    JavaScript 2023年5月17日
    00
  • 让浏览器崩溃的12行JS代码(DoS攻击分析及防御)

    针对您提到的这篇文章,我将详细讲解“让浏览器崩溃的12行JS代码(DoS攻击分析及防御)”的完整攻略,过程中会提供两个示例说明。 首先,这篇文章讲的是一种攻击浏览器的简单方法,利用的是 JavaScript 的恶意代码。攻击者只需要12行 JavaScript 代码即可实现攻击,即发送无限的 alert 弹窗,导致浏览器卡死甚至闪退。本文旨在通过分析原理与漏…

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