时间

最新推荐文章于 2024-12-01 23:34:47 发布

原创最新推荐文章于 2024-12-01 23:34:47 发布 · 116 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

21 篇文章

订阅专栏

本文详细介绍使用JavaScript进行时间与日期的多种操作方法，包括日期格式化、获取星期几、判断时间段以及实现倒计时功能。通过具体代码示例，读者可以快速掌握如何在网页应用中准确地显示和处理时间数据。

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

时间获取

let date = new Date()
date.getFullYear(),     //年
date.getMonth()+1,     //月份   
date.getDate(),     //日   
date.getHours(),     //小时   
date.getMinutes(),     //分   
date.getSeconds(),     //秒

（一）获取日期

dateTimeFormat: function () {
      var y = this.dateTime.getFullYear()
      var m = this.dateTime.getMonth() + 1
      m = m < 10 ? '0' + m : m
      var d = this.dateTime.getDate()
      d = d < 10 ? ('0' + d) : d
      return y + '/' + m + '/' + d
    }

（二）获取星期几

whatDay: function () {
      let myddy = this.dateTime.getDay()// 获取存储当前日期
      const weekday = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
      return weekday[myddy]
    }

（三）获取时间段

morning: function () {
      let hour = this.dateTime.getHours()
      if (hour < 6) {
        return '凌晨'
      } else if (hour < 9) {
        return '早晨'
      } else if (hour < 12) {
        return '上午'
      } else if (hour < 14) {
        return '中午'
      } else if (hour < 17) {
        return '下午'
      } else if (hour < 19) {
        return '傍晚'
      } else if (hour < 22) {
        return '晚上'
      } else {
        return '深夜'
      }
    }

（四）倒计时

countTime () {
  // 设定时间-当前时间
  let leftTime = new Date(this.value).getTime() - new Date().getTime()
  this.miao = Math.floor(leftTime / 1000)
  let h, m, s
  if (this.miao >= 0) {
    h = addZero(Math.floor(this.miao / 60 / 60 % 24))
    m = addZero(Math.floor(this.miao / 60 % 60))
    s = addZero(Math.floor(this.miao % 60))
    this.st = setTimeout(this.countTime, 1000)
    if (this.miao === 0) {
      alert('时间到')
    }
  } else {
    h = '00'
    m = '00'
    s = '00'
  }
  this.countText = `${h}小时${m}分钟${s}秒`
  --this.miao
}

export function addZero (number) {
  let n = number < 10 ? ('0' + number) : number
  return n
}