js友好的时间返回函数

yizhihongxing

下面我将详细讲解如何编写一个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日

相关文章

  • javascript判断两个IP地址是否在同一个网段的实现思路

    实现IP地址判断是否在同一个网段,可以使用Javascript实现的思路如下: 首先将IP地址转换成二进制格式,方便进行比较,然后将子网掩码也转换成二进制格式。 对转换后的IP地址和子网掩码进行&(与运算),得到的结果就是该IP地址所在的网络地址。 将要比较的两个IP地址按照以上步骤进行转换得到两个网络地址。 比较两个网络地址是否相同,如果相同,则说…

    JavaScript 2023年6月11日
    00
  • JavaScript操作Cookie详解

    当我们开发Web应用程序时,经常会使用cookie来存储和维护用户的数据,在JavaScript中,对cookie的操作可以使用document.cookie属性来完成。本篇攻略将详细介绍JavaScript中对cookie的操作。 创建与修改Cookie JavaScript中创建和修改cookie的方法都是通过设置document.cookie属性实现。…

    JavaScript 2023年6月11日
    00
  • javascript与css3动画结合使用小结

    为了让大家更好地理解“javascript与css3动画结合使用小结”,我将详细阐述攻略的步骤和示例说明。 攻略步骤 步骤1:制定动画效果计划 在使用JavaScript和CSS3组合制作动画效果之前,您需要先确认您所需要的动画效果,比如运动的方向、速度、倍率等等。 步骤2:编写CSS3动画样式 接下来,根据您计划好的动画效果,您需要编写相应的CSS3动画样…

    JavaScript 2023年6月10日
    00
  • Node.js下自定义错误类型详解

    Node.js下自定义错误类型详解 在Node.js应用程序开发中,抛出错误用于表明当前出现了错误或者出现了不符合预期的行为。Node.js提供了Error对象,可以用它来创建错误实例。但有时Error对象并不能满足我们的需求,我们需要更多的信息来携带错误数据。这时就需要自定义错误类型了。 创建自定义错误类型 继承原生Error Node.js规定,所有的J…

    JavaScript 2023年5月28日
    00
  • JavaScript的for循环中嵌套一个点击事件的问题解决

    JavaScript中的for循环常常被用来遍历一个数据集合中的元素,但是在处理一些特殊场景下,我们需要在循环中嵌套一个点击事件,来对每个元素绑定一个点击事件,实现与该元素相关的操作。这时候,就会面临一些问题,比如嵌套点击事件的作用域问题、如何传入循环变量等。下面是解决这个问题的完整攻略。 问题描述 在JavaScript的for循环中嵌套一个点击事件,绑定…

    JavaScript 2023年5月27日
    00
  • js如何查找json数据中的最大值和最小值方法

    当需要在 JSON 数据中查找最大值和最小值时,可以使用 JavaScript 中的 Math.max() 和 Math.min() 函数,结合遍历 JSON 数据实现。 具体步骤如下: 读取 JSON 数据 首先需要将 JSON 数据读入到 JavaScript 中,可以使用 XMLHttpRequest 对象读取远程 JSON 文件,也可以直接将 JSO…

    JavaScript 2023年5月27日
    00
  • Javascript前端UI框架Kit使用指南之Kitjs简介

    Javascript前端UI框架Kit使用指南之Kitjs简介 什么是Kitjs Kitjs是一个基于Javascript的前端UI框架,它具有轻便、易用、灵活的特性。 Kitjs基于jquery开发,借鉴了bootstrap、semantic等其他流行UI库的风格和思想,提供了更丰富的组件库,包括表格、表单、弹窗、标签页等常用组件。同时,Kitjs也支持自…

    JavaScript 2023年6月11日
    00
  • JS 替换和时间插件的结合使用方法

    下面就详细讲解JS替换和时间插件的结合使用方法的攻略。 1. JS替换介绍 JS替换是指用JS代码来替换HTML文本内容中的指定字符或字符串。通常使用正则表达式来查找匹配的内容,并用JS代码实现替换。JS替换可以让我们轻松实现HTML文本内容的动态更新,优化用户体验。 2. 时间插件介绍 时间插件是一种JS库,可以方便快速地实现时间格式化、倒计时等常用时间计…

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