js友好的时间返回函数

下面我将详细讲解如何编写一个JS友好的时间返回函数:

什么是JS友好的时间返回函数?

JS友好的时间返回函数是指能够将时间戳或者日期字符串转换为易于阅读的人类可读格式的JavaScript函数。比如将日期字符串"2019-08-01T12:00:00.000Z"转换为"2019年8月1日12点"这样的格式。

编写JS友好的时间返回函数

  1. 从时间戳转换为人类可读的时间格式
function friendlyTime(timeStamp) {
  const dateObj = new Date(timeStamp);
  const year = dateObj.getFullYear();
  const month = dateObj.getMonth() + 1;
  const day = dateObj.getDate();
  const hour = dateObj.getHours();
  const minute = dateObj.getMinutes();
  const second = dateObj.getSeconds();
  const result = `${year}年${month}月${day}日${hour}点${minute}分${second}秒`;
  return result;
}
  1. 从ISO日期格式转换为人类可读的时间格式
function friendlyTime(dateString) {
  const dateObj = new Date(dateString);
  const year = dateObj.getFullYear();
  const month = dateObj.getMonth() + 1;
  const day = dateObj.getDate();
  const hour = dateObj.getHours();
  const minute = dateObj.getMinutes();
  const result = `${year}年${month}月${day}日${hour}点${minute}分`;
  return result;
}

示例说明

  1. 从时间戳转换为人类可读的时间格式
// 示例1
const timeStamp = 1577808000000;
const result = friendlyTime(timeStamp);
console.log(result); // 输出:2020年1月1日0点0分0秒

// 示例2:使用到了Date.now()获取当前时间戳
const currentTimeStamp = Date.now();
const result = friendlyTime(currentTimeStamp);
console.log(result); // 输出类似:2021年x月x日x点x分x秒
  1. 从ISO日期格式转换为人类可读的时间格式
// 示例1
const dateString = "2022-05-20T13:30:00.000Z";
const result = friendlyTime(dateString);
console.log(result); // 输出:2022年5月20日13点30分

// 示例2
const anotherDateString = "2010-01-30T20:00:00.000Z";
const result = friendlyTime(anotherDateString);
console.log(result); // 输出:2010年1月31日4点0分

以上就是JS友好的时间返回函数的详细讲解,希望能对您有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js友好的时间返回函数 - Python技术站

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

相关文章

  • JS Loading功能的简单实现

    下面是详细讲解“JS Loading功能的简单实现”的完整攻略。 什么是JS Loading功能? JS Loading功能是指在网页中通过异步加载JavaScript文件,避免了网页在加载JavaScript资源时阻塞其他资源,提高了网页的响应速度和用户体验。 如何实现JS Loading功能? 在实现JS Loading功能时,可以采用如下的步骤: 创建…

    JavaScript 2023年6月11日
    00
  • Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox

    这里是Javascript模拟点击事件(点击链接与HTML点击)兼容IE/Firefox的完整攻略,下面进行详细讲解,并提供两条示例说明。 前置知识 在了解模拟点击事件之前,需要先了解以下概念: 事件冒泡:指当一个元素触发某个事件(例如点击事件)时,此元素的父元素也会受到影响并触发同样的事件。 事件捕捉:指当一个元素触发某个事件时,此元素的父元素可以先于此元…

    JavaScript 2023年6月11日
    00
  • 简介JavaScript中POSITIVE_INFINITY值的使用

    简介JavaScript中POSITIVE_INFINITY值的使用 在 JavaScript 中,POSITIVE_INFINITY是一个特殊的数值,表示正无穷大。它通常表示一个计算无限的结果或者是一个超过数值范围的值。在下面的内容中,我们将深入了解 POSITIVE_INFINITY 值的使用。 使用场景 除法中出现分母为零 当我们向一个数除以0时,将出…

    JavaScript 2023年5月28日
    00
  • JavaScript中Number对象的toFixed() 方法详解

    JavaScript中Number对象的toFixed() 方法详解 toFixed() 方法是JavaScript中Number对象的一个方法,可以将数字保留指定位数的小数。在本文中,我们将详细介绍这个方法的用法和示例,以便帮助读者更好地理解。 语法 toFixed() 方法的语法如下: number.toFixed([digits]) 其中,digits…

    JavaScript 2023年5月28日
    00
  • js删除数组元素、清空数组的简单方法(必看)

    JavaScript删除数组元素和清空数组的简单方法 在JavaScript中,删除数组元素和清空数组的操作并不像其他编程语言那样简单。不过,在掌握了一些技巧和方法后,我们就能够轻松实现这些操作了。 删除数组元素 splice方法 JavaScript提供了splice()方法,该方法可以用于删除数组元素。 array.splice(start, delet…

    JavaScript 2023年5月27日
    00
  • vue如何动态修改$router参数

    在Vue中,可以使用$router对象来管理前端路由。它提供了一些API来获取和修改当前路由状态。下面,我们就来详细讲解Vue如何动态修改$router参数的完整攻略。 修改$router参数的基本概念 在Vue中,可以通过修改$route对象的参数来实现路由跳转。$route对象代表着当前路由状态,其中包括路由的路径、参数、查询、哈希和元信息。而$rout…

    JavaScript 2023年6月11日
    00
  • Js操作DOM元素及获取浏览器高宽的简单方法

    Js操作DOM元素及获取浏览器高宽的简单方法的攻略如下: 操作DOM元素 选择元素 在Javascript中,选择DOM元素是很重要的一步。有很多方法可以选择DOM元素,但是最常用的方法是使用document.querySelector和document.querySelectorAll这两个方法。 document.querySelector方法返回一个与…

    JavaScript 2023年6月10日
    00
  • JS实现点击登录弹出窗口同时背景色渐变动画效果

    JS实现点击登录弹出窗口同时背景色渐变动画效果可以分为以下几个步骤: HTML结构的修改:需要在HTML中添加一个按钮和一个弹窗,同时要添加一个全屏蒙层,作为背景色渐变的动画效果。 <button id="loginBtn">登录</button> <div id="loginModal"…

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