回給定毫秒數(shù)的可讀格式

思路

• 將ms除以適當(dāng)?shù)闹担垣@得day、hour和minute的值;
• 將Object.entries() 與Array.prototype.filter()配合使用以僅保留非零值;
• 使用Array.prototype.map()為每個(gè)值創(chuàng)建字符串，并適當(dāng)?shù)剡M(jìn)行復(fù)數(shù)化;
• 使用String.prototype.join(' ')將值組合成字符串。

實(shí)現(xiàn)代碼

const formatDuration = ( ms ) => {
  if(ms < 0) ms = -ms;

  let time = {
    day: Math.floor(ms / 86400000),
    hour: Math.floor(ms / 3600000) % 24,
    minute: Math.floor(ms / 60000) % 60
  }

  return Object.entries(time)
    .filter(val => val[1] !== 0)
    .map(([key, val])=>{
      if(key === 'day') return `${val}天`
      
      if(key === 'hour') return `${val}時(shí)`

      if(key === 'minute') return `${val}分`
    })
    .join(' ');
}

測(cè)試代碼

let t1 = formatDuration(62341001);
console.log(t1);

let t2 = formatDuration(34325055574);
console.log(t2);

測(cè)試結(jié)果

17時(shí) 19分
397天 6時(shí) 44分

代碼實(shí)現(xiàn)參閱：formatDuration - 30 seconds of code

TML的pre標(biāo)簽

定義和用法

<pre> 標(biāo)簽定義預(yù)先格式化的文本。

<pre> 元素中的文本以等寬字體顯示，文本保留空格和換行符。文本將完全按照 HTML 源代碼中所寫的方式顯示。

使用（保留原有格式），和div區(qū)別

執(zhí)行結(jié)果如下：

在layui中使用，未使用pre,結(jié)果如下：在一行顯示，不太好看和理解

layer.alert(JSON.stringify(data,null,4));

使用pre標(biāo)簽后,結(jié)果如下：json格式化展示出來(lái)了,易于理解和好看，方便分析。

layer.alert("<pre>"+JSON.stringify(data,null,4)+"</pre>");

2024-2-26

{{ .<vaiable>.Format <layout>}}

type Log struct{
 ID int
 Info string
 CreateAt time.Time

<span>{{ .CreateAt }}</span>

<span> {{ .CreateAt.Format "2006-01-02 15:04:05" }} </span>