【亡羊补牢】JS灵魂之问 第4期 如何显示数字时钟的格式时间

引言

对于日期格式化问题，也是面试中要考察的一个点，今天就学习探讨一下！

提出问题

如何显示数字时钟的格式时间

常见日期格式化方法

在实际格式化之前，我们先来了解一下常用的格式化方法

/* 常见日期格式化方法 */
let now = new Date()
console.log(now.toLocaleDateString()) // 获取年月日
console.log(now.toLocaleTimeString()) // 获取时分秒
console.log(now.toLocaleString()) // 整体时间

动手实现

/* 如何显示数字时钟的格式时间 */
let now = new Date()
let hour = now.getHours()
let minutes = now.getMinutes()
let seconds = now.getSeconds()

let tmp = '' + hour%12
if(hour === 0){
  tmp = '12'
}
tmp = tmp + (minutes < 10 ? ':0':':') + minutes
tmp = tmp + (seconds < 10 ? ':0':':') + seconds
tmp = tmp + (hour >= 12 ? ' P.M.':' A.M.')
console.log(tmp)

打印一下，得到如下结果，正是我当前写博客时间，✿✿ヽ(°▽°)ノ✿

进行简易封装

/* 进行简易封装 */
let nowTime = () => {
  let now = new Date()
  let hour = now.getHours()
  let minutes = now.getMinutes()
  let seconds = now.getSeconds()

  let tmp = '' + (hour % 12)
  if (hour === 0) {
    tmp = '12'
  }
  tmp = tmp + (minutes < 10 ? ':0' : ':') + minutes
  tmp = tmp + (seconds < 10 ? ':0' : ':') + seconds
  tmp = tmp + (hour >= 12 ? ' P.M.' : ' A.M.')
  return tmp
}
let time = nowTime()
console.log(time)

打印一下，得到如下结果，正是我再次编写博客时间，✿✿ヽ(°▽°)ノ✿

最后

文章产出不易，还望各位小伙伴们支持一波！

往期精选：

小狮子前端の笔记仓库

扫描二维码关注公众号，回复： 11606728 查看本文章

访问超逸の博客，方便小伙伴阅读玩耍~

学如逆水行舟，不进则退