js时间自动格式化

拂晓等明月

于 2023-07-24 20:50:48 发布

阅读量97

点赞数

分类专栏： javascript练习文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_61320547/article/details/131904730

版权

javascript练习专栏收录该内容

20 篇文章

订阅专栏

练习代码，不够简洁

效果：

代码：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <p></p>
    <script>
      let p = document.querySelector('p')
      setInterval(function () {
        // items()
        ;(function () {
          var date = new Date()
          let n = date.getFullYear()
          let y = date.getMonth()
          let r = date.getDate()
          let s = date.getHours()
          let f = date.getMinutes()
          let m = date.getSeconds()
          if (y < 10) {
            y = '0' + y
          }
          if (r < 10) {
            r = '0' + r
          }
          if (s < 10) {
            s = '0' + s
          }
          if (f < 10) {
            f = '0' + f
          }
          if (m < 10) {
            m = '0' + m
          }
          p.innerHTML = `当前是：${n}年，${y}月，${r}日，${s}点，${f}分，${m}秒`
        })()
      }, 1000)
    </script>
  </body>
</html>