首页 > web前端 > js教程 > 正文

如何使用 JavaScript 检查日期是否小于 1 小时前?

王林
发布: 2023-08-25 09:05:02
转载
1555 人浏览过

如何使用 JavaScript 检查日期是否小于 1 小时前?

在本教程中,我们将学习查找两个日期之间的差异并检查差异是否小于一小时。有时,开发人员必须使用 Date 对象并每小时执行一些操作。因此,这可以是一种检查特定操作是否在一小时之前执行的方法,然后再次执行;否则,请等待完成该小时。

在这里,我们将学习使用 JavaScript 检查日期是否少于 1 小时前的不同方法。

使用 getTime() 方法

getTime() 方法返回自 1970 年 1 月 1 日起的日期的总毫秒数。因此,我们可以使用 getTime() 方法来查找 1970 年 1 月 1 日以来的总毫秒数当前和上一个日期。之后,我们可以找到两个日期的总毫秒数的差异,并将其与小时的总毫秒数进行比较,即1000*60*60。

语法

用户可以按照以下语法使用 JavaScript 检查日期是否小于 1 小时前。

let current_date = new Date();
let difference = current_date.getTime() - date.getTime();
let hoursMilli = 1000 * 60 * 60; // milliseconds * seconds * minutes
if (Math.abs(difference) < hoursMilli) {
   
   // less than 1 hour spent
} else {
   
   // more than 1 hour ago
}
登录后复制

在上面的语法中,hoursMilli包含小时的总毫秒数,我们使用Math.abs()方法来获取两个日期之间的毫秒绝对差。

步骤

第 1 步 - 创建两个日期。

步骤 2 - 使用 getTime() 方法获取两个日期的总毫秒数,找到它们之间的差异,并将其值存储在差异变量中。

第3步 - 将1小时的总毫秒数存储在hoursMilli变量中。

步骤 4 - 如果差异变量的绝对值小于 hourMilli,则表示尚未花费 1 小时。

示例

在下面的示例中,我们创建了两个具有不同时间戳的不同日期。我们按照上述步骤将日期和 current_date 的总毫秒数与 1 小时的总毫秒数进行比较,以检查日期是否小于一小时前。

<html>
<body>
   <h3>Using the <i> custom algorithm </i> to check if the date was less than 1 hour ago.</h2>
   <div id="output"> </div>
   <script>
      let output = document.getElementById("output");
      let date1 = new Date(2023, 02, 11);
      
      // Creating a date that is not less than 1 hour ago
      let date2 = new Date(new Date().getTime() - 20302);   
      function isHourSpent(date) {
         let current_date = new Date();
         let difference = current_date.getTime() - date.getTime();
         console.log(difference);
         let hoursMilli = 1000 * 60 * 60;
         
         // comparing the hour's total milliseconds and the difference between the two dates.
         if (Math.abs(difference) < hoursMilli) {
            output.innerHTML += "The " + date + " is less than an hour ago! <br/>";
         } else {
            output.innerHTML += "The " + date + " is not less than hour ago! <br/>";
         }
      }
      isHourSpent(date1);
      isHourSpent(date2);
   </script>
</body>
</html> 
登录后复制

使用日期对象的setMinutes()方法

Date 对象中的 setMinutes() 方法允许开发人员设置时间戳中的分钟。日期需要分、秒、毫秒三个参数来设置,秒、毫秒是可选的。

如果我们将分钟设置为零并比较两个日期,我们可以知道特定日期是否在一小时之前。

语法

用户可以按照下面的语法使用setMinute()方法来检查两个日期之间的差异是否小于一个小时。

date.setMinutes(0, 0, 0);
current_date.setMinutes(0, 0, 0);
if (date - current_date == 0) {
   
   // difference between the two dates is not more than an hour
} else {
   
   // difference between two dates more than an hour.
} 
登录后复制

步骤

步骤 1 - 使用 setMinutes() 方法,并传递 0, 0, 0 作为参数,将 的分、秒和毫秒设置为零>前一个日期

第 2 步 - 将current_date 的分钟设置为零。

第 3 步 - 计算两个日期之间的差值;如果为零,则日期不到一小时前。

示例

在此示例中,我们使用 setMinutes() 方法来设置日期和零的总分钟数。之后,我们取日期之差,返回日期之间的毫秒差。

如果差异为零,则两个日期的年、月、日和小时相同。因此,我们可以说这一天距离前不到 1 小时。

<html>
<body>
   <h3>Using the <i> setMinutes() method </i> to check if the date was less than 1 hour ago.</h2>
   <div id="output"> </div>
   <script>
      let output = document.getElementById("output");
      let date1 = new Date(2022, 12, 01);
      let date2 = new Date(new Date().getTime() - 20302);
      
      function isHourSpent(date) {
         let current_date = new Date();
         date.setMinutes(0, 0, 0);
         current_date.setMinutes(0, 0, 0);
         if (date - current_date == 0) {
            output.innerHTML += "The " + date + " is less than hour ago! <br/>";
         } else {
            output.innerHTML += "The " + date + " is not less than an hour ago! <br/>";
         }
      }
      isHourSpent(date1);
      isHourSpent(date2);
   </script>
</body>
</html>
登录后复制

在本教程中,我们学会了查找两个日期之间的差异并检查日期是否小于 1 小时前。此外,用户可以使用 Moment Js 库的 diff()isAfter() 方法来检查是否相同,但用户应该记住,Moment JS 库如今已被弃用。

以上是如何使用 JavaScript 检查日期是否小于 1 小时前?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板