JSFiddle - React, Tailwind, and code Playground

by Abhay_Sehgal20

HTML

<div>
	<button style="background-color:blue" id="btn">click me!</button>
</div>

CSS

button.active{
  background-color: green !important;
};

JavaScript

let timeToActivate = (new Date("June 23, 2019 20:06:00")).getTime();
let timeToDeActivate = (new Date("June 23, 2019 20:07:00")).getTime();
let currTime = Date.now();
var btn = document.querySelector("#btn");

console.log(btn.classList);
if(currTime > timeToActivate && currTime < timeToDeActivate){
    // Write Code To Activate Button
    btn.classList.add("active");
}else if(currTime < timeToActivate){

    setTimeout(() => {

         // write code to activate button
				btn.classList.add("active");
         // To Deactivate button on 4pm
         setTimeout(() => {

              // write code to deactivate button
						 btn.classList.remove("active");
         }, timeToDeActivate - Date.now())

    }, timeToActivate - currTime);
}