July 2, 2020

How to Get Difference Between Two Dates in Hours in Javascript

By Krishnaa JavaScript Questions 0 Comments

How to Get Difference Between Two Dates in Hours in Javascript

In this video tutorial, you will learn how to get difference between two dates in hours in javascript.

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    
    <div>
        <button>Get</button>
        <h1>Result</h1>
    </div>

    <script src="script.js"></script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<div>

<h1>Result</h1>

</div>

</body>

</html>

CSS:

body {
    text-align: center;
}

div {
    display: inline-block;
}

button {
    display: inline-block;
    padding: 10px 20px;
}

body {

text-align: center;

}

div {

display: inline-block;

}

button {

display: inline-block;

padding: 10px 20px;

}

Javascript:

let btnGet = document.querySelector('button');
let result = document.querySelector('h1');

let date1 = new Date('01/01/2020');
let date2 = new Date('01/03/2020');


btnGet.addEventListener('click', () => {
    let ms = date2.getTime() - date1.getTime();
    let hour = 1000 * 60 * 60;
    result.innerText = ms/hour;
});