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

yizhihongxing

要实现获取当前时间及时间戳,以及将时间戳转换为时间,可以在 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 框架Backbone使用指南

    轻量级javascript 框架Backbone使用指南 1. Backbone概述 Backbone是一个轻量级的javascript框架,可用于开发单页Web应用程序。它提供了一组处理网页数据和用户界面的关键组件,包括Models、Views、Collections和Routers。使用Backbone,开发者可以将应用程序中的业务逻辑分解为一个个可重用…

    JavaScript 2023年6月11日
    00
  • 你有必要知道的10个JavaScript难点

    你有必要知道的10个JavaScript难点 1. 变量提升 JavaScript 中的变量提升是指 JS 引擎将变量声明提升到作用域的顶部,即在变量声明之前就能访问该变量。变量提升会造成变量值的不确定性,应该格外注意。 例如: x = 5; console.log(x); var x; 这个例子中,虽然变量 x 的值在声明之前被赋值为 5,但是在变量声明之…

    JavaScript 2023年5月18日
    00
  • JavaScript中立即执行函数实例详解

    JavaScript中的立即执行函数是指在定义后立即执行的函数,该函数执行后,返回值即被抛弃,仅保留函数内部的执行结果,不会对全局环境造成污染。本文将详细讲解JavaScript中立即执行函数的各个方面,包括基本语法、应用示例以及优缺点等。 基本语法 JavaScript中的立即执行函数需要使用一对匿名函数进行定义,但为了避免匿名函数对全局环境造成影响,并使…

    JavaScript 2023年5月27日
    00
  • js实现自动播放匀速轮播图

    JS实现自动播放匀速轮播图攻略 需求分析 我们需要实现一个图片自动播放的功能,并且播放速度匀速,不会因为帧率的问题出现卡顿等问题。我们需要完成以下需求: 图片从左往右轮播; 图片循环播放; 图片播放的速度需要匀速; 用户可以手动控制图片的播放。 实现过程 1. HTML结构 我们需要先确定HTML结构,以下是一个基本的HTML结构: <div clas…

    JavaScript 2023年6月10日
    00
  • javascript实现弹出层效果

    实现弹出层效果通常使用javascript的模态框(Modal)实现。以下是步骤: 步骤一:构建HTML结构 为弹出层准备一个HTML结构,该结构包括带有唯一标识符的背景层和弹出层本身。如下所示: <div id="overlay"> <div id="popup"> <h2>这是弹…

    JavaScript 2023年6月11日
    00
  • js+css实现卡片轮播图效果

    下面是“js+css实现卡片轮播图效果”的完整攻略。 1. 概述 卡片轮播图指的是一种类似于滑动门的效果,即多个内容块轮流展示在同一个位置上的效果。在实现卡片轮播图的过程中,我们需要用到HTML、CSS、JS三种语言。 2. HTML 首先,我们需要在HTML中定义卡片轮播图的容器。 <div class="carousel"&gt…

    JavaScript 2023年6月11日
    00
  • 微信小程序倒计时功能实现代码

    下面是讲解“微信小程序倒计时功能实现代码”的完整攻略。主要分为以下几个步骤: 步骤一:编写倒计时函数 倒计时的实现需要从当前时间开始计算,计算出设定的截止时间,然后不断刷新倒计时的显示,直到倒计时结束。下面是一个简单的倒计时函数实现示例: function countdown(endTime) { var now = +new Date(); // 计算剩余…

    JavaScript 2023年6月11日
    00
  • 使用three.js 绘制三维带箭头线的详细过程

    使用three.js绘制三维带箭头线的过程涉及到以下步骤: 1. 引入three.js和箭头模型 在HTML文件中引入three.js的库文件,并下载arrow模型作为箭头的模型: <!– 引入three.js的库文件 –> <script src="https://cdn.bootcdn.net/ajax/libs/thre…

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