JSFiddle - React, Tailwind, and code Playground

by Alaksandar Jesus Gene

HTML

<p id="startTime"></p>
<p id="endTime"></p>
<p id="difference"></p>
<p id="hours"></p>
<p id="minutes"></p>
<p id="seconds"></p>

JavaScript

$(document).ready(function(){
	
    startTime = new Date();
    
    endTime = addHours(startTime, 0);// add hours to test here
    endTime = addMinutes(endTime, 30);// add minutes to test here
    endTime = addSeconds(endTime, 10);//// add seconds to test here
    endTime = new Date(endTime);
    
    differenceTime = Math.abs(endTime - startTime)/1000; // will convert ms to seconds
    
    hours = Math.floor(differenceTime/3600)%24
    differenceTime = differenceTime - hours*3600
    
    minutes = Math.floor(differenceTime/60)%60
    differenceTime = differenceTime - minutes*60
    
    seconds =differenceTime%60;
    
    
    $("#startTime").text(startTime);
    $("#endTime").text(endTime);
    $("#difference").text(differenceTime);
    $("#hours").text(hours);
    $("#minutes").text(minutes);
    $("#seconds").text(seconds);

})

function addHours(date,h){

	return new Date(date).setHours(new Date().getHours()+h)
    
}
function addMinutes(date,m){

	return new Date(date).setMinutes(new Date().getMinutes()+m)
    
}
function addSeconds(date,s){

	return new Date(date).setSeconds(new Date().getSeconds()+s)
    
}