js 时间格式与时间戳的相互转换示例代码

yizhihongxing

下面我来为您介绍 JavaScript 时间格式与时间戳的相互转换攻略。

时间格式和时间戳的概念

在 JavaScript 中,时间可以使用时间戳和时间格式表示。时间戳是一个整数,表示自 1970 年 1 月 1 日 00:00:00 UTC(协调世界时)以来的毫秒数。而时间格式则是人类可读的日期和时间表示法。常见的时间格式有 ISO 格式、标准日期格式和自定义格式等。

时间戳转换为时间格式

使用内置 Date 对象

我们可以使用内置的 Date 对象,将时间戳转换为时间格式。Date 对象可以接收一个时间戳参数,创建一个对应的日期对象。我们可以通过调用这个日期对象的各种方法,来得到对应的时间格式。

示例代码:

let timeStamp = 1622738400000; //时间戳(单位毫秒)
let dateObj = new Date(timeStamp); //使用 Date 对象创建对应的日期对象
let year = dateObj.getFullYear(); //获取年份
let month = dateObj.getMonth() + 1; //获取月份,需要加 1
let day = dateObj.getDate(); //获取日期
let hour = dateObj.getHours(); //获取小时
let minute = dateObj.getMinutes(); //获取分钟
let second = dateObj.getSeconds(); //获取秒钟

//格式化时间字符串
let timeStr = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
console.log(timeStr);

输出结果为:2021-06-04 00:40:00

使用第三方库 moment.js

除了使用内置的 Date 对象,我们还可以使用第三方库 moment.js 来方便地将时间戳转换为时间格式。moment.js 提供了丰富的 API,可以简化许多时间操作。

示例代码:

let timeStamp = 1622738400000; //时间戳(单位毫秒)
let timeStr = moment(timeStamp).format('YYYY-MM-DD HH:mm:ss'); //使用 moment.js 格式化时间字符串
console.log(timeStr);

输出结果与之前相同:2021-06-04 00:40:00

时间格式转换为时间戳

使用内置 Date 对象

要将时间格式转换为时间戳,我们可以使用内置的 Date 对象的 getTime() 方法,这个方法可以获取到当前日期对象相对于 1970 年 1 月 1 日 00:00:00 UTC 的时间戳。

示例代码:

let timeStr = '2021-06-04 00:40:00'; //时间字符串
let dateObj = new Date(timeStr); //使用 Date 对象创建日期对象
let timeStamp = dateObj.getTime(); //获取时间戳(单位毫秒)
console.log(timeStamp);

输出结果为:1622738400000

使用第三方库 moment.js

同样地,我们也可以使用 moment.js 来将时间格式转换为时间戳。moment.js 提供了 parse 方法,可以将时间字符串解析为对应的日期对象。然后,我们可以直接通过这个日期对象获取相应的时间戳。

示例代码:

let timeStr = '2021-06-04 00:40:00'; //时间字符串
let timeStamp = moment(timeStr).valueOf(); //使用 moment.js 获取时间戳(单位毫秒)
console.log(timeStamp);

输出结果与之前相同:1622738400000

至此,JavaScript 时间格式与时间戳的相互转换攻略介绍完毕。本文共包含两个示例说明,分别演示了时间戳转换为时间格式和时间格式转换为时间戳的方法和代码。可以根据自己的需求,选择合适的转换方法。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js 时间格式与时间戳的相互转换示例代码 - Python技术站

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

相关文章

  • js字符串中空格和换行符(\r,\s,\n,\r\n)浅析

    JS 字符串中空格和换行符(\r,\s,\n,\r\n)浅析 在 JavaScript 中,字符串是一种常用的数据类型,它可以用来表示文字、数字、符号和其他字符序列。在实际编程中,我们经常会遇到字符串中出现空格和换行符这些特殊字符,影响字符串的输出效果。本文将深入分析 JavaScript 字符串中空格和换行符的使用方法和规则,并且提供一些示例代码帮助读者更…

    JavaScript 2023年5月28日
    00
  • javascript学习笔记(四)function函数部分

    下面是JavaScript学习笔记(四)Function函数部分的完整攻略。 一、函数的定义 JavaScript中的函数使用function关键字来定义,函数中的代码块可以在任何时间被调用多次。函数可以带着参数来进行运算,也可以返回值(有时不返回值,而是引起副作用)。 1. 基本语法 function functionName(parameters){ /…

    JavaScript 2023年5月27日
    00
  • jquery点击缩略图切换视频播放特效代码分享

    下面是详细讲解”jquery点击缩略图切换视频播放特效代码分享”的完整攻略: 1.需求概述 我们现在需要实现一个点击缩略图切换视频播放的特效,这里有两个核心需求: 点击不同的视频缩略图,展示不同的视频。 点击缩略图切换视频时需要加入过渡效果,让页面更加平滑流畅。 2.实现思路 实现一个点击缩略图切换视频的效果,首先需要用到jQuery库来实现相关的操作。 定…

    JavaScript 2023年6月11日
    00
  • JavaScript数组深拷贝和浅拷贝的两种方法

    JavaScript数组的深拷贝和浅拷贝是前端开发中非常常见的操作,本文将介绍两种常用的深拷贝和浅拷贝的方法。 JavaScript数组浅拷贝 JavaScript数组浅拷贝指的是在拷贝过程中只拷贝了原数组的引用,而不是拷贝了原数组中的所有元素。 1. 使用slice()函数进行浅拷贝 const arr1 = [1, 2, 3, 4] const arr2…

    JavaScript 2023年5月27日
    00
  • 小米推送Java代码

    下面是详细讲解“小米推送Java代码”的完整攻略,包含了以下内容: 背景介绍 准备工作 推送API调用流程 示例说明 背景介绍 小米推送是小米开发团队提供的一项推送服务,它可以让开发者在应用内通过各种方式向用户推送通知、消息等。小米推送支持Android和iOS两个平台,各种消息类型的推送都可以通过API接口实现。 本文主要介绍如何在Java应用程序中使用小…

    JavaScript 2023年6月11日
    00
  • jQuery Validate表单验证插件 添加class属性形式的校验

    步骤 首先在HTML页面中引入jQuery和jQuery Validate插件的js文件。 <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdn.boot…

    JavaScript 2023年6月10日
    00
  • 通过javascript的匿名函数来分析几段简单有趣的代码

    请看下面的攻略: 1. 什么是匿名函数? 匿名函数是指没有名称的函数,它被定义时直接赋值给一个变量或者作为参数传递给其他函数。匿名函数定义的语法格式如下: var fn = function () { // 函数体 } 其中,fn是变量名,function () {}是函数体,它可以包含任意的 JavaScript 代码和语句。 2. 分析简单有趣的代码 我…

    JavaScript 2023年5月28日
    00
  • javascript中的undefined和not defined区别示例介绍

    下面是“javascript中的undefined和not defined区别示例介绍”的详细攻略: 1. 什么是undefined和not defined 在javascript中,undefined和not defined是两个非常常见的概念,不过千万不要把它们混淆。 当JavaScript中使用一个还未被声明的变量时,JavaScript会抛出一个“未…

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