BJJ Round Timer

A full-featured round timer and clock designed for jiu jitsu gyms.

Features

• Large, visible timer - Easy to see from across the gym
• Current time display - Always shows the current clock time
• Round tracking - Shows current round and total rounds
• Work/Rest intervals - Configurable round and rest durations
• Audio alerts - Beeps for round start/end and 10-second warnings
• Preset configurations - Quick-load common timer setups:
  • Sparring (5min rounds, 1min rest, 5 rounds)
  • Drilling (3min rounds, 30s rest, 6 rounds)
  • Competition (10min rounds, 2min rest, 3 rounds)
  • Warm-up (2min rounds, 30s rest, 4 rounds)
• Custom settings - Configure any combination of duration and rounds
• Fullscreen mode - Perfect for projection or TV display
• Keyboard shortcuts - Control timer without touching the screen
• Persistent settings - Your preferences are saved automatically

Usage

Opening the Timer

Simply open index.html in any modern web browser.

Controls

Buttons:

• START - Begin the timer
• PAUSE - Pause the timer
• RESET - Reset to ready state
• ⚙️ SETTINGS - Open settings panel
• ⛶ FULLSCREEN - Toggle fullscreen mode

Keyboard Shortcuts:

• SPACE - Start/Pause
• R - Reset
• F - Fullscreen
• S - Settings

Settings

Click the ⚙️ SETTINGS button to configure:

• Round Duration - Length of each work round (in minutes)
• Rest Duration - Length of rest between rounds (in seconds)
• Number of Rounds - Total rounds to complete
• Sound Alerts - Enable/disable audio beeps

Settings are automatically saved to your browser.

Display States

• READY - Timer is ready to start
• WORK (Green) - Active round in progress
• REST (Yellow) - Rest period between rounds
• COMPLETE (Blue) - All rounds finished
• Red flashing numbers - Last 10 seconds of a round

Audio Alerts

• 2 beeps - Round starts
• 1 beep - Round ends, rest begins
• Single short beep - 10 seconds remaining
• 3 beeps - Workout complete

Deployment Options

Local Use

Just open index.html in a browser.

Gym Display

1. Open the timer on a laptop/tablet
2. Connect to a TV or projector
3. Press the ⛶ FULLSCREEN button
4. Start your timer!

Web Hosting (Optional)

Upload the three files (index.html, style.css, script.js) to any web host to access from any device.

Popular free options:

• GitHub Pages
• Netlify
• Vercel

Browser Compatibility

Works on all modern browsers:

• Chrome/Edge
• Firefox
• Safari
• Mobile browsers (iOS/Android)

Tips

• Use fullscreen mode for best visibility
• The timer continues even if the screen locks (audio will still play)
• Test audio before class to ensure volume is appropriate
• Bookmark the page for quick access

Enjoy your training! 🥋