《JavaScript插件》时间格式化工具time-formater的详解

本文介绍了JavaScript库timeFormater的format函数的各种参数选项,包括日期、时间、星期和时差计算,以及如何使用fromNow进行时间差表示和countdown实现倒计时。作者还分享了作为前端开发者的学习资源,旨在帮助同行高效提升技能。
摘要由CSDN通过智能技术生成

timeFormater().format(“YYYY-MM-DD HH:mm”)

// 2022-02-09 12

timeFormater().format(“YYYY-MM-DD HH”)

甚至连接符也可以改

// 2022/02/09 12/12/12

timeFormater().format(“YYYY/MM/DD HH/mm/ss”)

参数


format函数的使用参数远不止上面这些,它接收许多预设定好的参数,比如想知道当前是星期几,那么可以输入参数"d"

// 三

timeFormater().format(“dd”)

// // 2022/三月/09 12/12/12

timeFormater().format(“YYYY/MMMM/DD HH/mm/ss”)

具体如下:

| 名称 | 参数 | 输出 |

| — | — | — |

| 月份 | M | 1 2 3 … |

| ​ | | |

| MM | 01 02 03 … | |

| | MMM | 1月 2月 3月… |

| | MMMM | 一月 二月 三月 … |

| 季度 | Q | 1 2 3 4 |

| 日期 | D | 1 2 3 … |

| | Do | 1日 2日 3日… |

| | DD | 01 02 03 … |

| 星期 | d | 0 1 2 3 4 5 6 |

| | dd | 日 一 二 三 四 五 六 |

| | ddd | 周日 周一 周二 周三 周四 … |

| | dddd | 星期日 星期一 星期二 星期三 |

| 年份 | YYYY | 1970 1971… |

| 上午/下午等 | A | 凌晨 早上 … 下午 晚上 |

| | a | 凌晨 早上 … 下午 晚上 |

| 时刻 | H | 0 1 2 3 … 22 23 |

| | HH | 00 01 … 22 23 |

| | h | 1 2 … 11 12 |

| | hh | 01 02 … 11 12 |

| 分钟 | m | 0 1 2 … 58 59 |

| | mm | 00 01 02 … 58 59 |

| 秒 | s | 0 1 2 … 58 59 |

| | ss | 00 01 02 … 58 59 |

| 毫秒 | s | 0 1 2 … 8 9 |

| | ss | 00 01 … 98 99 |

| | sss | 000 001 … 998 999 |

| unix 时间戳 | X | 1495357559853 |

| Unix 时间戳 毫秒 | x | 1495357559853 |

其他功能

==============================================================

时差


fromNow,用于计算输入时间距离当前时间的时差,用法如下:

let fromNow = time(‘2022-01-01’).fromNow()

// 2个月前

console.log(fromNow)

倒计时


例子来源于npm官方说明,大致功能如下:

const time = require(‘time-formater’)

let remain = 100000 // 10万秒

let countdown = time.countdown(remain)

let token = ‘剩余:d天H小时m分钟s秒’

// 浏览器

function step() {

document.title = countdown.format(token) // 剩余:1天3小时46分钟40秒

requestAnimationFrame(step)

}

step()

这里用到了,两个函数,一个是countdown,一个是countdown上的format

countdown

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

img
img

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V:vip1024c 备注前端获取(资料价值较高,非无偿)
img

最后

资料过多,篇幅有限

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

图片转存中…(img-nlqnzcg1-1711591660065)]

最后

[外链图片转存中…(img-Y1bLzD5P-1711591660066)]

[外链图片转存中…(img-cWLLqM8R-1711591660066)]

资料过多,篇幅有限

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值