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日

相关文章

  • 利用AjaxControlToolkit实现百度搜索时的下拉列表提示详细步骤

    使用AjaxControlToolkit实现百度搜索时的下拉列表提示,首先需要安装AjaxControlToolkit和jQuery。 步骤如下: 步骤一:创建一个WebForm 在你的Web应用程序中,创建一个名为“Default.aspx”的WebForm。 步骤二:将AjaxControlToolkit添加到你的项目中 从Nuget包管理器中,选择Aj…

    JavaScript 2023年6月11日
    00
  • JS获取当前日期时间并定时刷新示例

    获取当前日期时间并定时刷新是一个常见的前端需求,可以通过JavaScript实现。下面将详细介绍如何实现这个功能并提供两条示例说明。 步骤一:获取当前日期时间 我们可以使用JavaScript中的Date对象来获取当前日期时间。可以使用Date类的方法getYear(),getMonth(),getDay(),getHours(),getMinutes()和…

    JavaScript 2023年5月27日
    00
  • Javascript发送AJAX请求实例代码

    当需要通过Javascript与服务器进行异步数据交互时,就需要使用AJAX技术。本篇攻略将提供一个基本的AJAX请求代码示例以及一个带参数的AJAX请求代码示例。 AJAX请求示例 步骤一:创建XMLHttpRequest对象 AJAX通过XMLHttpRequest对象与服务器进行数据交互。在Javascript中,可以通过以下代码创建XMLHttpRe…

    JavaScript 2023年6月11日
    00
  • JavaScript 实现拖拽效果组件功能(兼容移动端)

    下面是详细讲解“JavaScript 实现拖拽效果组件功能(兼容移动端)”的完整攻略: 一、需求分析 首先分析一下需求,要实现的功能是实现一个拖拽效果组件,用户可以通过拖拽元素来改变元素的位置。由于需要兼容移动端,所以要考虑触摸事件的处理。 二、实现思路 实现拖拽效果组件可以使用鼠标事件或触摸事件,以下是相关的事件: 鼠标事件:mousedown、mouse…

    JavaScript 2023年6月10日
    00
  • js获取浏览器的各种属性

    当我们需要编写网页时,能够获取浏览器属性的JS脚本的价值是非常巨大的。下面,我们将详细讲解下如何获取浏览器的各种属性。 1. 获取浏览器窗口大小 我们可以通过window.innerWidth和window.innerHeight属性来获取当前窗口的宽度和高度。以下是一个示例代码块: let windowWidth = window.innerWidth; …

    JavaScript 2023年6月11日
    00
  • js获取html文件的思路及示例

    获取HTML文件的思路主要分为两步:首先,需要用AJAX(Asynchronous JavaScript and XML)进行HTTP请求来获取HTML文件;然后,需要解析文件内容,将其转换为DOM(Document Object Model)对象,以便进一步操作。下面我将分步骤详细讲解。 一、用AJAX请求HTML文件 AJAX是一种用于创建异步请求的技术…

    JavaScript 2023年5月27日
    00
  • 从阶乘函数对比Javascript和C#的异同

    下面是从阶乘函数对比 Javascript 和 C# 的异同的完整攻略: 一、阶乘函数的定义 阶乘函数是数学中的一种重要函数,一般表示为 n!,表示一个正整数 n 以内所有正整数的乘积。例如: $$5! = 5 \times 4 \times 3 \times 2 \times 1 = 120$$ 二、Javascript 实现阶乘函数 Javascript…

    JavaScript 2023年5月28日
    00
  • 简单易懂的JSONP和CORS跨域方案详解

    当我们想要实现一个跨域请求的时候,经常会遇到浏览器的同源策略的限制。JSONP和CORS就是两种常用的跨域方案。 1. JSONP JSONP(JSON with Padding)是一种实现跨域请求的技术。通过在前端动态创建script标签,来向指定域名发送跨域请求。服务端接收到请求之后,会将数据通过一个指定的回调函数包裹起来,返回给前端。这个回调函数的名称…

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