JavaScript判断当前时间是在某个时间点之前/之后

 更新时间:2023年07月20日 16:34:48   作者:coderYYY  
本文主要介绍了JavaScript判断当前时间是在某个时间点之前/之后,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

比如我想判断当前时间是在14点之前,还是之后,就可以用以下代码

    var currentDate = parseTime(new Date(), "{y}-{m}-{d}");// 当前时间 格式2023-07-18
    var thetime = currentDate + ' 14:00:00'; // 指定时间点 
    var d = new Date(Date.parse(thetime.replace(/-/g, "/")));// 兼容苹果
    var curDate = new Date();
    if (curDate <= d) {
      console.log("14点之前");
    } else {
      console.log("14点之后");
    }

这里用到了一个格式化的函数parseTime,可以 把时间戳转为yyyy-mm-dd格式

/**
 * 时间格式化parseTime
 * 
 */
function parseTime(time, cFormat) {
  if (arguments.length === 0 || !time) {
    return null
  }
  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
  let date
  if (typeof time === 'object') {
    date = time
  } else {
    if ((typeof time === 'string')) {
      if ((/^[0-9]+$/.test(time))) {
        // support "1548221490638"
        time = parseInt(time)
      } else {
        // support safari
        // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
        time = time.replace(new RegExp(/-/gm), '/')
      }
    }
    if ((typeof time === 'number') && (time.toString().length === 10)) {
      time = time * 1000
    }
    date = new Date(time)
  }
  const formatObj = {
    y: date.getFullYear(),
    m: date.getMonth() + 1,
    d: date.getDate(),
    h: date.getHours(),
    i: date.getMinutes(),
    s: date.getSeconds(),
    a: date.getDay()
  }
  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
    const value = formatObj[key]
    // Note: getDay() returns 0 on Sunday
    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }
    return value.toString().padStart(2, '0')
  })
  return time_str
}

到此这篇关于JavaScript判断当前时间是在某个时间点之前/之后的文章就介绍到这了,更多相关JS判断当前时间在某个时间段内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 屏蔽F1~F12的快捷键的js函数

    屏蔽F1~F12的快捷键的js函数

    keyCod从113-123分别禁用了F2-F12键,13禁用了回车键(Enter),8禁用了退格键(BackSpace)
    2010-05-05
  • 基于原生CSS+JS实现一个标签输入框

    基于原生CSS+JS实现一个标签输入框

    在各种框架大行其道的氛围下,有些原生的属性和方法可能都不太关注了,这也不失为是一种损失。本文就将利用原生CSS+JS实现一个简单的标签输入框,感兴趣的可以了解一下
    2022-04-04
  • axios学习教程全攻略

    axios学习教程全攻略

    axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,下面这篇文章主要给大家介绍了axios学习教程的相关资料,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友下面来一起看看吧。
    2017-03-03
  • JavaScript 继承详解 第一篇

    JavaScript 继承详解 第一篇

    几乎每个开发人员都有面向对象语言(比如C++、C#、Java)的开发经验。 在传统面向对象的语言中,有两个非常重要的概念 - 类和实例。
    2009-08-08
  • 利用Bootstrap实现表格复选框checkbox全选

    利用Bootstrap实现表格复选框checkbox全选

    Bootstrap相信应该不用多介绍,来自 Twitter,是目前最受欢迎的前端框架。这篇文章主要给大家介绍了如何利用Bootstrap实现表格中的checkbox复选框全选效果,文中给出详细的介绍及完整的实例代码,相信对大家的理解和学习具有一定的参考借鉴价值,下面来一起看看吧。
    2016-12-12
  • Javascript地址引用代码实例解析

    Javascript地址引用代码实例解析

    这篇文章主要介绍了Javascript地址引用代码实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • 微信小程序获取用户头像昵称组件封装实例(最新版)

    微信小程序获取用户头像昵称组件封装实例(最新版)

    我们在进行小程序开发的时候,往往需要获取微信用户的部分个人信息,常见的有用户头像,昵称等,下面这篇文章主要给大家介绍了关于微信小程序获取用户头像昵称组件封装的相关资料,需要的朋友可以参考下
    2022-12-12
  • JS首屏加载时间优化的解决方法总结

    JS首屏加载时间优化的解决方法总结

    首屏加载时间是一个衡量网页性能和用户体验的关键指标,这个问题无论是在面试中还是在项目开发中都占有极其高的权重,本文为大家整理了几种JS中优化首屏加载时间的方法,希望对大家有所帮助
    2024-02-02
  • javascript获取隐藏元素(display:none)的高度和宽度的方法

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    这篇文章主要介绍了javascript获取隐藏元素(display:none)的高度和宽度的方法,实现方法比较复杂,需要的朋友可以参考下
    2014-06-06
  • 微信小程序canvas动态时钟

    微信小程序canvas动态时钟

    这篇文章主要为大家详细介绍了微信小程序canvas动态时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10

最新评论