Open In App

How to check if date is less than 1 hour ago using JavaScript ?

Improve
Improve
Like Article
Like
Save
Share
Report

Given a date and the task is to check whether the given date is less than 1 hour ago or not with the help of JavaScript.

 Approach 1:

  • Count the milliseconds of the difference between the current and prev_date.
  • If those are greater than milliseconds in 1 hour, then it returns false otherwise returns true.

Example: This example implements the above approach. 

html




<h1 style="color:green;">
    GeeksForGeeks
</h1>
  
<p id="GFG_UP" style="font-size: 15px; font-weight: bold;">
</p>
  
<button onclick="gfg_Run()">
    click here
</button>
  
<p id="GFG_DOWN" style="color:green;
        font-size: 20px; font-weight: bold;">
</p>
  
<script>
    var el_up = document.getElementById("GFG_UP");
    var el_down = document.getElementById("GFG_DOWN");
    var prev_date = new Date();
    var d = new Date();
          
    Date.prototype.addHours = function(h) {
        this.setTime(this.getTime() + (h*60*60*1000));
        return this;
    }
      
    prev_date.addHours(-2);
    el_up.innerHTML = "Click on the button to "
            + "check if the date is less than "
            + "1 hour ago.<br>Previous date = "
            + prev_date;
      
    function gfg_Run() {
          
        // Hour in milliseconds
        var ONE_HOUR = 60 * 60 * 1000;
          
        if ((d - prev_date) < ONE_HOUR) {
            el_down.innerHTML = "Date is less"
                        + " than 1 hour ago.";
        }
        else {
            el_down.innerHTML = "Date is not "
                    + "less than 1 hour ago.";
        }
    }        
</script>


Output:

 

Approach 2:

  • Subtract 1 hour milliseconds from current time.
  • Compare the milliseconds of the current and prev_date.
  • If those are greater than milliseconds in 1 hour, then it return false otherwise returns true.

Example 2: This example uses the approach as discussed above. 

html




<h1 style="color:green;">
    GeeksForGeeks
</h1>
  
<p id="GFG_UP" style="font-size: 15px; font-weight: bold;">
</p>
  
<button onclick="gfg_Run()">
    click here
</button>
  
<p id="GFG_DOWN" style="color:green;
        font-size: 20px; font-weight: bold;">
</p>
  
<script>
    var el_up = document.getElementById("GFG_UP");
    var el_down = document.getElementById("GFG_DOWN");
    var prev_date = new Date();
    var d = new Date();
      
    const check = (date) => {
        const HOUR = 1000 * 60 * 60;
        const anHourAgo = Date.now() - HOUR;
        return date > anHourAgo;
    }
    el_up.innerHTML = "Click on the button to check"
                + " if the date is less than 1 hour"
                + " ago.<br>Previous date = " + prev_date;
      
    function gfg_Run() {
        var c = check(prev_date);
          
        if (c) {
            el_down.innerHTML = "Date is less "
                        + "than 1 hour ago.";
        }
        else {
            el_down.innerHTML = "Date is not less"
                        + " than 1 hour ago.";
        }
    }        
</script>


Output:

 



Last Updated : 22 Dec, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads