JS时间戳转换方式示例详解

JS时间戳转换方式示例详解

概述

时间戳(timestamp)是指为表示某一事件发生的时间而定义的一种以秒单位或者毫秒单位的数字。JS中常用的时间戳是指unix时间戳,即从1970年1月1日开始所经过的秒数。由于时间戳的数字比较难懂,因此我们需要进行转换后才能更好地使用。

本文将详细讲解JS中时间戳的转换方式,包括时间戳转日期、日期转时间戳、获取当前时间戳等。

时间戳转日期

将时间戳转为日期一般有两种方式,分别为使用Date对象和使用moment.js库。

使用Date对象

function timestampToDate(timestamp) {
  var date = new Date(timestamp * 1000); // 时间戳是秒级,需乘以1000转为毫秒级
  var year = date.getFullYear();
  var month = date.getMonth() + 1; // 月份从0开始,因此需加1
  var day = date.getDate();
  var hour = date.getHours();
  var minute = date.getMinutes();
  var second = date.getSeconds();

  var result = year + "年" + month + "月" + day + "日 " + hour + ":" + minute + ":" + second;
  return result;
}

console.log(timestampToDate(1621314726));
// 输出:2021年5月18日 16:45:26

使用moment.js库

moment.js是一个流行的时间处理库,可以帮助我们更容易地处理时间以及转换时间格式。

function timestampToDate(timestamp) {
  var result = moment.unix(timestamp).format("YYYY年MM月DD日 HH:mm:ss");
  return result;
}

console.log(timestampToDate(1621314726));
// 输出:2021年5月18日 16:45:26

日期转时间戳

将日期转为时间戳同样有两种方式,分别为使用Date对象和使用moment.js库。

使用Date对象

function dateToTimestamp(dateStr) {
  var timestamp = new Date(dateStr).getTime() / 1000; // getTime方法返回的是毫秒级,需除以1000转为秒级
  return timestamp;
}

console.log(dateToTimestamp("2021年5月18日 16:45:26"));
// 输出:1621314726

使用moment.js库

function dateToTimestamp(dateStr) {
  var timestamp = moment(dateStr, "YYYY年MM月DD日 HH:mm:ss").unix();
  return timestamp;
}

console.log(dateToTimestamp("2021年5月18日 16:45:26"));
// 输出:1621314726

获取当前时间戳

获取当前时间戳有两种方式,分别为使用Date对象和使用moment.js库。

使用Date对象

function getCurrentTimestamp() {
  var timestamp = Math.floor(new Date().getTime()/1000); 
  return timestamp;
}

console.log(getCurrentTimestamp());
// 输出:1624567890

使用moment.js库

function getCurrentTimestamp() {
  var timestamp = moment().unix();
  return timestamp;
}

console.log(getCurrentTimestamp());
// 输出:1624567890

示例说明

示例1

题目要求我们将一个时间戳转为日期格式。假设我们已知一个时间戳1621314726,我们可以在控制台中运行以下代码:

console.log(timestampToDate(1621314726));

结果输出2021年5月18日 16:45:26,符合要求。

示例2

题目要求我们将一个日期格式转为时间戳。假设我们已知一个日期2021年5月18日 16:45:26,我们可以在控制台中运行以下代码:

console.log(dateToTimestamp("2021年5月18日 16:45:26"));

结果输出1621314726,符合要求。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS时间戳转换方式示例详解 - Python技术站

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

相关文章

  • JavaScript新窗口与子窗口传值详解

    JavaScript新窗口与子窗口传值详解 在Web开发中,我们经常需要在两个窗口之间传递数据,例如在弹出的新窗口中提交表单并将结果传递回主窗口,或者在子窗口中显示主窗口中选择的图片等。JavaScript提供了多种方法来实现窗口之间的数据传递。 1.使用window.open()方法创建新窗口 可以使用JavaScript的window.open()方法在…

    JavaScript 2023年6月11日
    00
  • 详解如何用JavaScript编写一个单元测试

    下面我将详细讲解如何用JavaScript编写一个单元测试的完整攻略。 什么是单元测试? 单元测试(Unit Testing)是一种测试方法,是指开发人员针对程序模块(函数、类等)编写测试代码,对程序代码进行测试以保证其符合设计要求、能够正常运行。单元测试主要是用于测试单个功能是否正常运行、边界条件是否能够被正确处理等。 单元测试的好处 验证代码的正确性 维…

    JavaScript 2023年5月27日
    00
  • JavaScript 数组- Array的方法总结(推荐)

    JavaScript 数组- Array的方法总结(推荐) JavaScript的Array是一种非常常用的数据类型,它提供了非常多实用的方法来对数组进行操作和处理。本篇文章将会对JavaScript Array中最重要的一些方法进行详细的介绍。 创建一个数组 在JavaScript中,我们可以通过两种方式来创建一个数组,分别是通过Array构造器以及通过数…

    JavaScript 2023年5月27日
    00
  • JS和JQ的event对象区别分析

    JS和JQ都有一个event对象,但是它们的区别还是比较明显的。在这里我们来详细讲解一下。 1. JS的event对象 在JS中,事件触发时会自动生成一个event对象,并且通过addEventListener或者window.attachEvent绑定的函数,第一个参数都是event。event对象包含了一些事件的属性和方法,可以方便的获取事件的相关信息。…

    JavaScript 2023年6月10日
    00
  • JavaScript学习小结(一)——JavaScript入门基础

    JavaScript学习小结(一)——JavaScript入门基础 JavaScript是一种用于Web开发的脚本语言,主要用于增强网页的交互性和动态性。本篇文章将为初学者介绍JavaScript的入门基础。 语法结构 JavaScript代码通常嵌入在HTML文件中,可以使用<script>标签来定义JS代码块。JavaScript的语法结构包…

    JavaScript 2023年5月17日
    00
  • JS使用ajax方法获取指定url的head信息中指定字段值的方法

    要使用JS获取指定URL的Head信息中指定字段值,需要使用Ajax方法,具体操作流程如下: 创建XMLHttpRequest对象 XMLHttpRequest对象是用于在后台与服务器交换数据的核心技术之一,能够在不刷新页面的情况下更新网页的局部信息。 const xhr = new XMLHttpRequest(); 用open方法指定请求信息 open方…

    JavaScript 2023年6月11日
    00
  • 编写高质量JavaScript代码的基本要点

    编写高质量JavaScript代码的基本要点有以下几点: 1. 规范代码格式 良好的代码格式不仅可以使代码更容易阅读和理解,还可以提高代码的可维护性和可重用性。为此,我们需要遵循一些规范,如: 使用一致的缩进方式和空格或制表符 使用行末注释而不是行内注释 使用严格模式,避免使用全局变量 具有良好的代码结构,如按功能或逻辑分组功能块 以下是一个示例代码块,展示…

    JavaScript 2023年5月18日
    00
  • HTML+JS实现爱心动画效果的源码分享

    下面我将详细讲解HTML+JS实现爱心动画效果的源码分享的完整攻略。 内容概述 本攻略将介绍如何使用HTML和JS实现一个基本的爱心动画,包括动画创建和动画运行两个阶段。具体内容包括: 动画的基本原理 动画的创建过程 动画的运行过程 源码分享 动画的基本原理 实现爱心动画的基本思路是:通过JavaScript实现爱心的绘制并处理动画,然后将动画效果通过CSS…

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