Midnight practice and the missing click

It is 11:47 on a Tuesday. You have finally carved out twenty minutes for the guitar part that has been fighting you all week, the house is quiet, and you open the metronome app on your phone — which greets you with a full-screen ad for a puzzle game, then a fifteen-second video you can skip in five. By the time the click actually starts, half your momentum is gone. Every night it is the same dance, and all you wanted was a steady 92 BPM.

Maybe you are a drummer working paradiddles with the practice pad on your knees. Maybe you are a pianist dragging a difficult passage up to speed one notch at a time. Or a producer who just needs a click to check whether that sampled break really sits at 94. Whatever the instrument, the job is identical: a reliable pulse, right now, with zero ceremony. A metronome is the simplest tool in music, and it is somehow still hard to find one that opens instantly and stays out of the way.

That is the gap this page fills. The metronome above runs entirely in your browser — no app store, no download, no account, no ads interrupting your session. You set a tempo, you press start, and you get a sample-accurate click generated on your own hardware. Close the tab when you are done and it is gone. That is the whole product, and it is exactly enough.

What an online metronome is

An online metronome is a tempo tool that lives in a web page instead of on your phone or in a drawer. You get the same controls a mechanical or hardware metronome offers — tempo in beats per minute, time signature, an accented downbeat, a volume knob — plus a few things hardware never did well: tap tempo, tempo ladders, subdivision clicks, and the ability to share a link that opens the tool already set to your tempo.

The browser part matters more than it sounds. Because the click is synthesized with the Web Audio API on your device, timing is driven by your audio hardware's own clock rather than by a software timer fighting for attention on a busy CPU. The result is a click that stays locked to the millisecond — something even expensive apps occasionally fumble when the phone throttles them in the background.

There is also the privacy angle, modest but real: nothing is uploaded, because nothing needs to be. A metronome has no data worth sending anywhere. Your tempo choice is not interesting to a server, so the tool never opens a connection about it. Open tab, set 92, press start. Practice.

A short history of the click, from Maelzel to the browser

The mechanical metronome has a slightly awkward origin story. Dietrich Nikolaus Winkel, an Amsterdam clockmaker, built the first workable pendulum chronometer around 1812. Johann Nepomuk Maelzel — the same showman who patented the musical chess automaton and the panharmonicon — copied the design, patented his version in 1815, and stamped his name on music history so thoroughly that composers wrote 'M.M.' (Maelzel's Metronome) at the top of scores for the next two centuries.

Beethoven was the first major composer to embrace it. Around 1817 he went back and added metronome markings to earlier symphonies and published them for the new ones, then spent years being second-guessed — musicians have argued ever since that his numbers run too fast, that his metronome was faulty, or that he simply changed his mind. The lesson stuck: a tempo number is a reference point, not a law. You still get to interpret.

BPM itself just means beats per minute — the number of pulses that fit in sixty seconds. Sixty BPM is one beat per second, the pace of a resting second hand and, not coincidentally, of a lot of ambient and doom music. 120 BPM is two per second. The range most music lives in runs from about 60 to 220: slower than 60 and humans stop feeling a pulse and start hearing events; faster than 220 and beats blur into trills, so we feel the half or quarter tempo instead. That is why this tool's range covers roughly 30 to 250 — anything real fits inside it.

BPM, milliseconds, and the math of tempo

The math behind a metronome is one division. There are 60,000 milliseconds in a minute, so the interval between clicks is 60,000 divided by the tempo. At 120 BPM that is 500 ms per click. At 92 BPM it is 652.2 ms. At a brutal 208 BPM it is 288.5 ms. Flip it around and a bar of 4/4 at 120 BPM lasts 2,000 ms — two full seconds — which is the number producers reach for when they set delay times to match the grid.

Time signatures change what a beat means, not the math. In 3/4 the click groups in threes with the first beat accented — one-two-three, waltz time. In 6/8, a compound meter, the pulse you usually want is the dotted-quarter, which gets three eighth-note clicks inside it; a metronome that only does quarter notes will fight you. Good practice tempo for compound meters: set the BPM to the big pulse and let the tool subdivide, or set it to the eighths and group them.

Musicians also named the neighborhoods of the BPM dial long before numbers were standardized. Adagio, Andante, Allegro, Presto — Italian for slow, walking, cheerful, fast — still appear on sheet music, and each maps to a conventional range. Composers trust the words less than the numbers now, because the words mean different things in different centuries and countries, but every player learns them anyway. The reference table below settles the argument.

How to use the online metronome

The tool is deliberately one screen deep. Here is the full walkthrough, start to finish — it takes longer to read than to do.

  1. Set your tempo

    Drag the BPM slider or type a number directly. Common practice tempos start at 60 for slow technical work and 120 for mid-tempo grooves; the dial covers roughly 30–250 BPM.

  2. Pick your time signature

    Choose 4/4, 3/4, 2/4, 6/8, or set the accent pattern manually. The first beat of each group gets a higher-pitched click so your ear locks onto the downbeat.

  3. Choose a subdivision

    Quarter notes for normal practice, eighths for fast tempos, sixteenths when you are diagnosing rushy passage work. You can also silence the main beat and leave only subdivisions.

  4. Tap tempo if you do not know the number

    Tap along to a song, a memory, or your own foot. After four or five taps the displayed BPM averages out — keep tapping to tighten it, then stop tapping to lock it in.

  5. Press start and adjust volume

    The first click begins on the downbeat of the next bar. Set the volume so it cuts through your instrument at playing level but does not sting at headphones volume.

  6. Nudge tempo while it runs

    Bump BPM up or down in steps of 1, 5, or 10 without stopping. This is the ladder technique: hold a passage steady until it is boring, then climb.

  7. Stop, and you are done

    No files, no saves, nothing to clean up. Reload the page any time to reset to defaults, or bookmark the tool with your usual tempo already dialed in.

The engineering: lookahead scheduling on the audio clock

Here is the part most metronome apps would rather you did not think about. The naive way to build a metronome is setInterval — fire a callback every 500 ms, play a click. It fails quietly. JavaScript timers run on the browser's main thread, which is also busy laying out the page, garbage collecting, and painting. A timer set for 500 ms might fire at 512, then 498, then 535. Nobody can play to a click that breathes by 4 percent.

The professional fix is the lookahead pattern, described in Chris Wilson's classic Chrome engineering piece 'A Tale of Two Clocks.' Two clocks cooperate: a slow JavaScript timer wakes up about every 100 ms and schedules every click that falls within the next scheduling window, using the Web Audio API's exact sample-time scheduler. The audio hardware then plays those clicks at sample accuracy — 44,100 or 48,000 slices per second — on its own thread, where page rendering cannot touch it. The main thread can hiccup all it wants; the sound does not care.

The click itself is synthesized, not sampled. A short oscillator burst with an exponential amplitude envelope — essentially a pitched tick — is created fresh for every beat, which keeps memory flat and lets the accent beat be pitched higher without loading a second file. It also means the tool works offline: there is no audio asset to fetch, just math turned into pressure waves.

Worked examples: real tempo math

Numbers make tempo concrete. Here are three realistic situations with the arithmetic fully shown, so you can sanity-check the tool against your own head math.

Mid-tempo practice at 120 BPM

Input

Tempo 120 BPM, 4/4 time, quarter-note clicks

Output

One beat every 60,000 ÷ 120 = 500 ms. One bar every 4 × 500 = 2,000 ms. Sixteen bars of practice takes 32 seconds.
Slow technical work at 60 BPM

Input

Tempo 60 BPM, 4/4, with eighth-note subdivisions

Output

Main click every 1,000 ms; subdivision clicks every 500 ms between them. A 12-bar blues chorus at this tempo stretches a luxurious 48 seconds.
Fast single strokes at 208 BPM

Input

Tempo 208 BPM, 2/4, drummer practicing sixteenth notes

Output

Click interval 60,000 ÷ 208 ≈ 288.5 ms; sixteenth-note spacing ≈ 72.1 ms. That is just under 832 strokes per minute — roughly 14 strokes per second.

One more that producers ask for constantly: delay time from tempo. At 96 BPM a quarter note is 625 ms, an eighth is 312.5 ms, and a dotted-eighth — the tempo-synced delay sound on a thousand records — is 468.75 ms. Set your pedal to 469 ms and the repeats fall on the grid. You can derive any of these from the one formula above.

Tempo markings reference table

Italian tempo terms are the lingua franca printed on scores. Ranges overlap and sources differ by a few BPM — these are the conventional envelopes you will see in method books and orchestral parts.

Tempo markingMeaningApprox. BPM rangeWhere you hear it
GraveVery slow, solemn25–45Funeral marches, slow movement openings
LargoBroad, slow40–60Handel arias, doom metal intros
AdagioAt ease66–76Slow movements, ballads
AndanteWalking pace76–108Classical middle movements, mid-tempo pop
ModeratoModerate108–120Default tempo for half of all music
AllegroFast, cheerful120–156Dance pop, punk, symphonic finales
VivaceLively156–176Baroque dances, bluegrass breakdowns
PrestoVery fast168–200Metal, hardcore, Paganini
PrestissimoAs fast as possible200+Thrash, drill at double time

Two honest caveats. First, modifiers shift everything — Allegro moderato and Allegro assai live at opposite ends of that row. Second, older editions sometimes print metronome ranges that reflect the editor's era, not the composer's intent. When a number and a word disagree, trust your ears and your teacher, then use the number you actually played it at.

Practice techniques that actually work

A metronome only helps if you use it honestly. The single most common mistake is setting the tempo where you want to be instead of where you are. Instead, try the ladder: start slow enough that you can play the passage five times in a row with zero errors — genuinely boring-slow — then move up 5 BPM. Any miss sends you back two rungs. Ten minutes of this beats an hour of flailing at performance speed.

  • Slow-first ladder: find your clean tempo, climb 5 BPM per success, drop 10 BPM per failure.
  • Click displacement: move the click to beats 2 and 4 so it sits in the gap — instantly exposes rushing.
  • Silent bars: mute the click for two bars out of every four and check whether you land back on it.
  • Half-tempo run-throughs: play the piece at 50 percent with full attention to articulation, then jump to 75, then 90, then 100.
  • Record against the click: your phone's memo app plus playback reveals drift your ear normalizes live.
  • Subdivision drills: set sixteenths at a comfortable quarter tempo and clap every other one, then every third, to internalize polyrhythms.

The click displacement trick deserves a special mention because it works on a psychological level. When the metronome hits every beat, your brain leans on it like a handrail. Put the click on the offbeats and suddenly the pulse is something you generate and the metronome only verifies. Jazz educators swear by it, and it is brutal for exactly the right reasons.

Tempo landmarks by genre

When someone says a track feels slow or driving, they are really describing a BPM neighborhood. Memorizing a handful of landmarks makes you faster at dialing in a tempo without hunting — and faster at identifying what you are hearing. These are ranges, not laws; every genre has outliers that became the rule-breakers.

Genre or contextTypical BPMReference point
Doom / sludge metal60–80Half-speed riffs, one click per crushing beat
Hip-hop boom bap85–95The pocket most sampled breaks sit in
Ambient / beatless60–90 feltPulse implied, not stated
Reggae / dub75–90One-drop grooves, laid-back swing
Pop / Top 40 radio100–130The 120 heart of the dial
House music120–128Four-on-the-floor at exactly 124 is a cliché for a reason
Drum & bass160–180Double-time of an 80–90 hip-hop pulse
Trap hi-hats130–150Feels faster via 16th- and 32nd-note hats
Punk / hardcore160–200Where practice pad endurance pays rent
Bluegrass breakdown180–230Fiddle tunes at white-heat tempos

Notice the trick embedded in that table: tempos above roughly 150 are usually felt at half speed. A drum & bass track at 174 BPM is experienced as 87 with double-time detail on top, and a metronome set to 87 with the subdivision on feels identical to the full-speed click while being easier to think about. Musicians call this metric modulation of feel; DJs just call it the half-time button. Either way, your practice tempo and your performance tempo are allowed to be different numbers for the same song.

Edge cases and troubleshooting

Browsers impose a few rules on audio, and knowing them saves frustrating minutes. iOS Safari will not let a page make sound until you interact with it — press the start button and the context unlocks on that tap. It is a deliberate anti-nagware policy, and the tool is built around it: no sound before your first tap, ever.

The iPhone silent switch is the sneakiest one. On many iOS versions, flipping the hardware mute switch silences web audio along with ringtones — the metronome visibly runs, no click emerges, and you conclude the tool is broken. Toggle the switch and the sound returns. Android Chrome has an equivalent media-volume channel: check that you raised the media volume, not just the ringtone volume.

Background tabs get throttled. Timers in hidden tabs can slow to one firing per second, which is why the scheduler queues clicks seconds in advance — the audio keeps time even when the page's visible indicators stutter. If you are running long practice sessions, keep the tab visible or at least pinned. Bluetooth headphones add 100–300 ms of latency to what you hear, but because the click is scheduled, not reactive, the rhythm itself stays intact; only your visual indicators may feel early.

Who uses a browser metronome

The obvious crowd is anyone with an instrument and a tricky passage. But a surprising share of metronome use has nothing to do with scales. Runners set 175 BPM and match their cadence one foot per click. Kettlebell lifters time their swings. Speedcubers? Not so much — but typists chasing rhythm, rowers on erg machines, and DJ students beatmatching by ear all live on this same tool.

Teachers assign it as homework without needing students to buy anything: send a link, say 'practicing at 72 this week,' and every kid with any device has the same click. Band directors tune marching steps to it. And producers keep one tab open permanently as a neutral tempo reference while they drag loops around a DAW grid. Free, instant, identical on every machine — that combination keeps a 200-year-old invention useful in a browser tab.

Questions people actually ask

How many milliseconds is one beat at 120 BPM?

Exactly 500 ms. The interval is 60,000 ÷ BPM, so 120 BPM gives 60,000 ÷ 120 = 500 ms per beat, and a full 4/4 bar lasts 2,000 ms. At 60 BPM a beat is a clean 1,000 ms — one click per second.

What tempo is Andante, and what about Allegro?

Andante sits around 76–108 BPM, a comfortable walking pace. Allegro runs 120–156 BPM. Slow movements hover near Largo (40–60); Presto pushes past 168. The tempo table above maps every traditional marking to its BPM range.

Does the online metronome work without internet?

Yes, after your first visit. The click is synthesized locally with the Web Audio API — there is no audio file to stream and no server involved. Once the page has loaded you can go offline and the click keeps perfect time.

Why does the click stutter when I switch browser tabs?

Browsers throttle timers in background tabs, sometimes to one tick per second. The metronome schedules audio seconds ahead on the audio hardware clock, so the sound itself stays steady, but visible indicators may lag. Keep the tab in the foreground while practicing.

How do I find the BPM of a song by ear?

Use tap tempo. Tap the button along with the song's pulse for about ten beats. The tool averages the intervals between your taps, and the average converges on the song's true BPM — no counting 60 seconds out loud required.

Is 120 BPM fast?

It is right in the middle. 120 BPM equals two beats per second, which is why it became the default demo tempo on drum machines and keyboard workstations. Most pop lands between 100 and 130; thrash metal and bluegrass chase 160-plus.

What's the difference between BPM and tempo?

They describe the same thing in different units. Tempo is the musical concept — how fast a piece feels. BPM is the number that measures it. Saying a tune is Allegro and saying it is 132 BPM are two dialects for one fact.

Can I use a metronome for running cadence?

Absolutely. Distance coaches often target 170–180 steps per minute. Set the metronome to your goal cadence and match one footfall per click. It works for kettlebell tempos, rowing strokes, and turntable beatmatching too.

Sources

Sources and further reading

  • W3C Web Audio API Specification — https://www.w3.org/TR/webaudio/ (sample-accurate scheduling on the audio hardware clock)
  • Chrome for Developers, A Tale of Two Clocks — https://developer.chrome.com/blog/audio-scheduling (why setInterval drifts and how lookahead scheduling fixes it)
  • Wikipedia, Metronome — https://en.wikipedia.org/wiki/Metronome (Winkel's 1812 chronometer and Maelzel's 1815 patent)
  • Wikipedia, Tempo — https://en.wikipedia.org/wiki/Tempo (conventional BPM ranges for Italian tempo markings)
  • MDN Web Docs, AudioContext — https://developer.mozilla.org/en-US/docs/Web/API/AudioContext (autoplay policies and the user-gesture requirement)

We cite primary sources (standards bodies, government agencies, official documentation) wherever they exist so you can verify every number on this page yourself.