Basketball Shot Clock

A clean, full-screen 24-second shot clock for basketball🏀, ready to mount on a side display, a streaming overlay or a tablet at the scorer's table. Or set the timer to 30 seconds and use it for Kabaddi. The shot clock is essential part of basketball: the offence must attempt a shot at the rim within 24 seconds of gaining possession, or the ball turns over. For the history of the rule, the Wikipedia shot clock article walks through its 1954 NBA introduction and the variants used by FIBA, the NBA and the NCAA. This preset shows only the clock, with a giant digit, so the number reads cleanly from the back of a sports hall. But you can set the shot clock to be integrated in the main basketball scoreboard.

Basketball 24-second shot clock — A LED shot clock mounted on a backboard

24 secDefault Duration

14 secOffensive Rebound Reset

Count Down𝟚𝟜

ShareableLive URL

Setup

Everything except the shot clock is hidden. The preset starts a 24-second countdown with a 14-second reset value, matching the rule shared by FIBA and the NBA: a full 24 on a fresh possession, a 14 reset on an offensive rebound. The display uses a built-in custom CSS rule that removes the timer-row border and pushes the digit to 8em so the number reads cleanly from a distance. Pair it with a full FIBA basketball or NBA basketball board on a separate device for the main score and quarter clock. In admin mode use the keyboard shortcuts to reset the timer to 24 or 14, or enter any value in the input. The clock shows tenth of seconds automatically under 5 seconds, if the feature is activated with the dedicated checkbox.

Common Uses

Secondary shot-clock display. Open the live URL on a phone, tablet or TV at the far baseline so referees and the opposing bench can read the time even when the main scoreboard is at the other end.

Streaming overlay. Drop the live URL into OBS (Open Broadcaster Software) as a Browser Source for a chroma-friendly shot clock that sits in the corner of a broadcast feed.

Practice and drills. Run shot-clock drills in training without setting up a full game scoreboard. Hit the reset for a fresh 24, or pick 14 for end-of-quarter situations.

Other shot-clock sports. Edit the duration for the 30-second raid clock in kabaddi, water polo's 30 / 20 (see the water polo scoreboard), the 80-second offensive clock in lacrosse, or NCAA men's 30 seconds.

Run the Board From the Admin Preview

The admin page shows a live preview of the scoreboard with click controls baked into every active section, so a full game can be driven from the preview alone, without going back to the side panel.

Timer - Click the clock on the board to start or stop. The dedicated Start / Pause buttons in the side panel still work for the same actions.

Score - Left-click a team's score to add one. Right-click the same number to subtract one.

Period - Click the period indicator to advance to the next quarter, half or set.

Possession - Click the possession arrow to cycle between none, home and visitor.

Fouls and Timeouts - Left-click to add one, right-click to remove one.

Shot Clock - Left-click resets to the full duration (24 by default), right-click resets to the short value (14 by default).

Anything that reacts to a click turns the cursor into a pointer and brightens on hover, so the interactive zones are obvious without trial and error. Press the Full Screen button on the admin page to hide every panel except the board itself. A small floating toolbar stays pinned at the bottom of the screen with a fullscreen toggle marked F11, zoom out, a reset-zoom button showing the current percentage and the Ctrl -/+ hint, zoom in, and a close button. The same laptop now doubles as the venue display while the operator keeps driving the game through the preview clicks. The site logo at the top left always links back to the home page, so you can jump between match, tournament or standings tools without losing your place.

FAQ

Why is the digit so large?

The preset includes a custom CSS rule that pushes the shot clock to 8em. That sizes the number to fill the screen on a phone or tablet held in landscape, which is the typical baseline-display use case. Adjust the value in the custom CSS field if you want a smaller digit or simply with Ctrl+ / Ctrl - keys.

Can I change 24 to a different starting value?

Yes. Set the shot clock duration when creating the board. NCAA men play 30 seconds, water polo uses 30, and many pickup leagues run no shot clock at all.

Can I run multiple shot clocks on one device?

Open each shot clock's live URL in a separate browser window or tab. Each clock is independent and updates in real time.

Does the clock auto-reset?

No. The shot clock resets only when you press the 14 or 24 reset on the admin page. Real shot-clock operators decide manually whether a rebound was offensive or defensive.

Need the shot clock and nothing else? Create the board and open the live URL on every screen that needs the time. For the full game, switch to a FIBA basketball scoreboard or an NBA basketball scoreboard.

Create basketball shot clock