Countdown timer builder with jQuery

HTML JavaScript Website jQuery

Create your own list with Timer steps that consists of x second. The full Timer starts fullscreen and handles all the steps in order.

Build the Timer

00:00:00

Enable sounds

The Timer steps in JSON format

[
  {
    "step": 0,
    "duration": "00:00:05",
    "name": "Intro",
    "color": "#308C07"
  },
  {
    "step": 1,
    "duration": "00:00:30",
    "name": "Step 1",
    "color": "#308C07"
  },
  {
    "step": 2,
    "duration": "00:00:10",
    "name": "Step 2",
    "color": "#BF1616"
  },
  {
    "step": 3,
    "duration": "00:00:30",
    "name": "Step 3",
    "color": "#308C07"
  },
  {
    "step": 4,
    "duration": "00:00:10",
    "name": "Step 4",
    "color": "#BF1616"
  },
  {
    "step": 5,
    "duration": "00:00:30",
    "name": "Step 5",
    "color": "#308C07"
  }
]