JSFiddle - React, Tailwind, and code Playground
by docluv
HTML
<div class="countdown-timer"></div>
JavaScript
var exercisePlan = {
"Stretch-1": 300000,
"Jacks": 60000,
"Jog": 180000,
"side-to-side": 60000,
"Stretch-2": 60000,
"Break-1": 20000,
"Pushups-1": 60000,
"Break-2": 20000,
"Crunches-1": 60000,
"Break-3": 20000,
"Squats-1": 60000,
"Break-4": 20000,
"Lunges-1": 60000,
"Break-5": 20000,
"Pump-Kicks-1": 60000,
"Break-6": 20000,
"Elevated-Push-ups-1": 60000,
"Break-7": 20000,
"Cross-Punch-Sit-Ups-1": 60000,
"Break-8": 20000,
"Standing-Leg-Raises-1": 60000,
"Break-9": 20000,
"Jump-Squats-1": 60000,
"Break-10": 20000,
"Close-Grip-Push-ups-1": 60000,
"Break-11": 20000,
"bikes-1": 60000,
"Break-12": 20000,
"Burpees-1": 60000,
"Break-13": 60000,
"Pushups-2": 60000,
"Break-14": 20000,
"Crunches-2": 60000,
"Break-15": 20000,
"Squats-2": 60000,
"Break-16": 20000,
"Lunges-2": 60000,
"Break-17": 20000,
"Pump-Kicks-2": 60000,
"Break-18": 20000,
"Elevated-Push-ups-2": 60000,
"Break-19": 20000,
"Cross-Punch-Sit-Ups-2": 60000,
"Break-20": 20000,
"Standing-Leg-Raises-2": 60000,
"Break-21": 20000,
"Jump-Squats-2": 60000,
"Break-22": 20000,
"Close-Grip-Push-ups-2": 60000,
"Break-23": 20000,
"bikes-2": 60000,
"Break-24": 120000,
"Punches": 60000,
"Break-25": 20000,
"Wheels": 60000,
"Break-26": 20000,
"Roundhouse": 60000,
"Cool-Down": 180000
};
var cdt = document.querySelector(".countdown-timer"),
startTime = 30,
counter = setInterval(function () {
count = count - 1;
if (count <= 0) {
clearInterval(counter);
//counter ended, do something here
return;
}
...