页面显示时间

该代码段定义了一个函数getDateTime,用于获取当前日期时间,并格式化为指定样式。然后将结果显示在页面上具有class=box的元素内,并设置每秒更新一次。函数中涉及到Date对象的方法,如getFullYear、getMonth等,以及字符串格式化技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 const box = document.querySelector('.box')

    function getDateTime() {

      const date = new Date()

      const year = date.getFullYear('2088')

      let month = date.getMonth('8') + 1

      month = month < 10 ? '0' + month : month

      let day = date.getDate('8')

      day = day < 10 ? '0' + day : day

      let h = date.getHours('08')

      h = h < 10 ? '0' + h : h

      let m = date.getMinutes('08')

      m = m < 10 ? '0' + m : m

      let s = date.getSeconds('56')

      s = s < 10 ? '0' + s : s

      box.innerHTML = `${year}年${month}月${day}日 ${h}:${m}:${s}`

    }

    getDateTime()

    setInterval(getDateTime, 1000)

 

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值