{"id":67347,"date":"2026-10-21T09:59:02","date_gmt":"2026-10-21T06:59:02","guid":{"rendered":"https:\/\/wpcalc.com\/en\/?p=67347"},"modified":"2026-10-21T09:59:02","modified_gmt":"2026-10-21T06:59:02","slug":"online-countdown-timer","status":"publish","type":"post","link":"https:\/\/wpcalc.com\/en\/life\/online-countdown-timer\/","title":{"rendered":"Online Countdown Timer"},"content":{"rendered":"<section class=\"not-prose calculator-box\" aria-labelledby=\"calculator-title\"><div class=\"flex items-baseline sm:items-center justify-between gap-2 sm:gap-3\"><div class=\"flex flex-col sm:flex-row sm:items-center gap-2\"><span class=\"icon icon-calculator text-primary-700! text-base! dark:text-primary-300!\" aria-hidden=\"true\"><\/span><h2 id=\"calculator-title\" class=\"text-lg font-display font-bold\">Set a Countdown and Run Up to Five Named Timers<\/h2><\/div><div class=\"calcdash-favorite group\">\n  <button type=\"button\" class=\"favorite\" id=\"favorite\" data-favorite-id=\"67347\" data-favorite-title=\"Timer\" data-favorite-url=\"https:\/\/wpcalc.com\/en\/life\/online-countdown-timer\/\" data-favorite-excerpt=\"Set a countdown in hours, minutes and seconds and run up to five named timers side by side with a beeping, chiming or buzzing alarm. Enter the duration, press Start, and the timer counts down to zero and alerts you.\" aria-label=\"Add to Favorites\" data-favorite-icon=\"icon icon-life\">\n    <span class=\"icon icon-shape-star-empty\" aria-hidden=\"true\"><\/span>\n  <\/button>\n  <div class=\"calcdash-favorite__tip\" aria-hidden=\"true\">\n   <span class=\"favorite-tooltip\" id=\"favorite-tooltip\"><\/span>\n  <\/div>\n  <span class=\"sr-only\" role=\"status\" id=\"favorite-status\"><\/span>\n<\/div><\/div><form action=\"https:\/\/wpcalc.com\/en\/life\/online-countdown-timer\/\" method=\"POST\" class=\"calculator\" id=\"calculator-67347\" data-post=\"67347\"><fieldset class=\"fieldset-input is-3\"><legend class=\"sr-only\">Input Fields<\/legend><div class=\"is-single field\" id=\"input-1\"><span class=\"font-semibold\">Timer Name and Duration<\/span><\/div><div class=\"field is-single\" id=\"input-2\"><label for=\"field-2\">Timer Name<\/label><input type=\"text\" name=\"timer_name\" id=\"field-2\" aria-describedby=\"calc-info-2\" placeholder=\"e.g. Laundry, Oven, Workout\" step=\"any\" value=\"Timer 1\"\/><small id=\"calc-info-2\">Shown next to each countdown in the list below.<\/small><\/div><div class=\"field\" id=\"input-3\"><label for=\"field-3\">Hours<\/label><input type=\"text\" name=\"hours\" id=\"field-3\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" min=\"0\" max=\"999\" value=\"0\"\/><\/div><div class=\"field\" id=\"input-4\"><label for=\"field-4\">Minutes<\/label><input type=\"text\" name=\"minutes\" id=\"field-4\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" min=\"0\" max=\"999\" value=\"10\"\/><\/div><div class=\"field\" id=\"input-5\"><label for=\"field-5\">Seconds<\/label><input type=\"text\" name=\"seconds\" id=\"field-5\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" min=\"0\" max=\"999\" value=\"0\"\/><\/div><div class=\"is-single field\" id=\"input-6\"><span class=\"font-semibold\">Alarm Options<\/span><\/div><div class=\"field\" id=\"input-7\"><label for=\"field-7\">Alarm Tone<\/label><div class=\"grid grid-cols-1\"><select id=\"field-7\" name=\"alarm_tone\"><option value=\"tone_beep\" selected>Classic beeps<\/option><option value=\"tone_chime\">Soft chime<\/option><option value=\"tone_buzzer\">Buzzer<\/option><\/select><svg class=\"pointer-events-none col-start-1 row-start-1 mr-2 size-5 self-center justify-self-end text-gray-500 sm:size-4\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n              <path fill-rule=\"evenodd\" d=\"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" \/>\n            <\/svg><\/div><\/div><div class=\"field\" id=\"input-8\"><label for=\"field-8\">Volume (%)<\/label><input type=\"text\" name=\"volume_\" id=\"field-8\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" min=\"0\" max=\"100\" value=\"70\"\/><\/div><div class=\"field is-checkbox is-single\" id=\"input-9\"><input type=\"checkbox\" id=\"field-9\" value=\"1\" checked=\"checked\"\/><label for=\"field-9\">Repeat alarm until stopped<\/label><\/div><div class=\"field is-checkbox is-single\" id=\"input-10\"><input type=\"checkbox\" id=\"field-10\" value=\"1\"\/><label for=\"field-10\">Browser notification when a timer ends<\/label><\/div><\/fieldset><div class=\"buttons\"><button type=\"submit\" data-text=\"Re-Calculate\" id=\"calculate-button\" data-post=\"67347\">Calculate<\/button><button type=\"reset\">Reset<\/button><\/div><div class=\"field is-checkbox hidden!\" id=\"field-auto-calc\"><input type=\"checkbox\" id=\"auto-calc\"><label for=\"auto-calc\">Calculate automatically<\/label><small>If enabled, the result will update automatically when you change any value.<\/small><\/div><div class=\"fieldset-result is-hidden\" aria-labelledby=\"result-title\" aria-live=\"polite\" role=\"region\"> <h3 class=\"result-title bg-gradient-to-r from-primary-50 to-gray-50 dark:from-primary-900 dark:to-gray-800\" id=\"result-title\"><span class=\"icon icon-s-pulse\" aria-hidden=\"true\"><\/span> Countdown Timer<\/h3><div class=\"result-box\"><div class=\"field-result is-column\" id=\"output-1\"><span class=\"field-title\"><span>Countdown Display<\/span><\/span><span class=\"field-value\" id=\"result-1\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result is-column\" id=\"output-2\"><span class=\"field-title\"><span>Timer List<\/span><\/span><span class=\"field-value\" id=\"result-2\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><\/div><div class=\"result-actions\"><button type=\"button\" class=\"copy-link\"><svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z\"\/><path d=\"M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z\"\/><\/svg><span class=\"copy-link__text\">Copy link to this calculation<\/span><\/button><span class=\"sr-only\" role=\"status\" id=\"copy-link-status\"><\/span><\/div><\/div><a href=\"#respond\" class=\"hidden transition-opacity duration-300 opacity-0 w-50 text-sm justify-center items-center gap-2 px-4 py-2 rounded bg-gray-200 text-gray-700 hover:bg-gray-300\" id=\"leave-comment\"><span class=\"icon icon-comments\" aria-hidden=\"true\"><\/span>Leave a Comment<\/a><\/form><\/section><section id=\"calc-reactions\" class=\"not-prose hidden my-12 bg-gradient-to-r from-primary-50 to-gray-50 border border-indigo-100 rounded-xl px-6 py-4 shadow-sm\" data-post=\"67347\" aria-live=\"polite\" aria-labelledby=\"calc-reactions-title\"><p id=\"calc-reactions-title\" class=\"text-sm text-gray-500 text-center mb-2\">How did this result make you feel?<\/p><div role=\"group\" aria-labelledby=\"calc-reactions-title\" class=\"grid grid-cols-3 sm:flex sm:flex-row sm:justify-around gap-4 sm:items-center sm:flex-wrap\"><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"like\"><span class=\"reaction-count\" data-reaction-count=\"like\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude00 <\/span><span class=\"reaction-description font-medium\">Like <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"helpful\"><span class=\"reaction-count\" data-reaction-count=\"helpful\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\udca1 <\/span><span class=\"reaction-description font-medium\">Helpful <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"confused\"><span class=\"reaction-count\" data-reaction-count=\"confused\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude15 <\/span><span class=\"reaction-description font-medium\">Confused <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"disappointed\"><span class=\"reaction-count\" data-reaction-count=\"disappointed\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude1e <\/span><span class=\"reaction-description font-medium\">Disappointed <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"inaccurate\"><span class=\"reaction-count\" data-reaction-count=\"inaccurate\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\u274c <\/span><span class=\"reaction-description font-medium\">Inaccurate <\/span><\/button><\/div><div id=\"reaction-message\" class=\"hidden mt-8 rounded-md border border-primary-100 bg-white\/50 backdrop-blur-sm px-4 py-2 text-sm text-center shadow-sm\"><\/div><\/section><div class=\"calcdash-ad not-prose calcdash-ad--calc_result calcdash-ad--in-article\"><ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-1721569815777345\" data-ad-slot=\"6317458308\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\"><\/ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script><\/div>\n<style id=\"wpcoderpro-inline-1\">.formula-box {\r\n\tborder-bottom: none !important;\r\n}<\/style><section class=\"formula-box\" aria-labelledby=\"formula-title\">\r\n\t<div id=\"formula-title\" class=\"not-prose font-display mb-4\"><span class=\"icon icon-formula\" aria-hidden=\"true\"><\/span><h2>Countdown Timer Formula<\/h2><\/div>\r\n\t<figure class=\"not-prose formula\">\r\n\t\t<figcaption class=\"formula-title\">Formula<\/figcaption>\r\n\t\t<div class=\"text-base text-gray-800\" id=\"formula\">\n\\[ T_{\\text{total}} = 3600\\,H + 60\\,M + S, \\qquad T_{\\text{left}} = T_{\\text{total}} - T_{\\text{elapsed}} \\]\n<\/div>\r\n\t<\/figure>\r\n\t<\/p>\n<p><strong>Where:<\/strong><\/p>\n<ul>\n<li>\\(H\\), \\(M\\), \\(S\\) \u2014 the hours, minutes and seconds you enter (each from 0 to 999)<\/li>\n<li>\\(T_{\\text{total}}\\) \u2014 total duration of the timer in seconds<\/li>\n<li>\\(T_{\\text{elapsed}}\\) \u2014 seconds passed since you pressed Start<\/li>\n<li>\\(T_{\\text{left}}\\) \u2014 remaining time, rounded up to the next whole second<\/li>\n<\/ul>\n<p>The first line converts the three fields into one duration in seconds; the second line is what the large display shows \u2014 the duration shrinking as time passes. When \\(T_{\\text{left}}\\) reaches zero, the timer ends, the display flashes and the alarm sounds.<\/p>\n<p>\r\n<\/section>\n<style id=\"wpcoderpro-inline-459\">.calculation-box {\r\n\tborder-bottom: none !important;\r\n}<\/style><section id=\"calculation\" class=\"calculation-box\" aria-labelledby=\"calculation-title\">\r\n\t<div id=\"calculation-title\" class=\"not-prose font-display\"><span class=\"icon icon-unordered-list\" aria-hidden=\"true\"><\/span><h2>Countdown Timer \u2013 Calculation Example<\/h2><\/div>\r\n\r\n<\/p>\n<p><strong>Example:<\/strong> you enter the default settings \u2014 Timer Name \u201cTimer 1\u201d, Hours 0, Minutes 10, Seconds 0 \u2014 and press Start.<\/p>\n<p>\\[ T_{\\text{total}} = 3600 \\times 0 + 60 \\times 10 + 0 = 600 \\text{ s} = 10{:}00 \\]<\/p>\n<p>Four minutes after starting, \\(T_{\\text{elapsed}} = 240\\) seconds:<\/p>\n<p>\\[ T_{\\text{left}} = 600 - 240 = 360 \\text{ s} = 06{:}00 \\]<\/p>\n<p><strong>Result:<\/strong> the display reads 06:00, and the alarm fires when the count reaches 00:00 \u2014 exactly 10 minutes after you pressed Start.<\/p>\n<p>\n\r\n<\/section>\n<h2>How to use the calculator<\/h2>\n<ol>\n<li>Type a <strong>Timer Name<\/strong> such as \u201cLaundry\u201d, \u201cOven\u201d or \u201cWorkout\u201d \u2014 it appears next to each countdown in the timer list.<\/li>\n<li>Set the duration with the <strong>Hours<\/strong>, <strong>Minutes<\/strong> and <strong>Seconds<\/strong> fields. Each accepts whole numbers from 0 to 999, and the duration must be at least one second.<\/li>\n<li>Adjust the alarm: pick an <strong>Alarm Tone<\/strong> (Classic beeps, Soft chime or Buzzer), set the <strong>Volume (%)<\/strong>, and tick <strong>Repeat alarm until stopped<\/strong> if you want it to keep sounding, or <strong>Browser notification when a timer ends<\/strong> for a pop-up alert (your browser asks for permission the first time).<\/li>\n<li>Press <strong>Start<\/strong> \u2014 or the Space key \u2014 to run the timer. The big display counts down, Start turns into Pause, and pressing Space again pauses or resumes.<\/li>\n<li>Use the quick-start presets (1, 3, 5, 10, 15, 30, 60 min) to create and immediately run a timer with one click.<\/li>\n<li>Press <strong>Add timer<\/strong> to queue more timers from the same fields, up to five at once. Click a row in the timer list to select it; Start\/Pause, <strong>Reset<\/strong> and <strong>+1 min<\/strong> always act on the selected timer. Each row also has its own play\/pause, +1:00, reset and delete (\u2715) buttons.<\/li>\n<li>Use <strong>Full screen<\/strong> to enlarge the countdown \u2014 handy across the room or for presentations.<\/li>\n<\/ol>\n<h2>What a countdown timer is and how it works<\/h2>\n<p>A countdown timer measures a fixed interval backwards: you give it a duration, it subtracts the time that passes, and it signals when nothing is left. Unlike a clock, which tells you the time of day, a countdown answers a different question: \u201chow long until X happens?\u201d That makes it the standard tool for cooking, workouts, study sessions, laundry, parking meters, presentations, games and any task with a deadline attached.<\/p>\n<p>This timer runs entirely in your browser and derives the remaining time from the wall clock rather than by accumulating ticks. That detail matters in practice: even if the tab is throttled in the background, the countdown on screen when you return is exact, not several seconds behind. The remaining time also appears in the browser tab title, so a glance at your tabs is enough to check on progress.<\/p>\n<p>Running timers are saved in your browser\u2019s local storage and keep counting across a page reload. If a timer finishes while the page is closed or your device was asleep, the display and alarm will notify you as soon as you return. Because the state lives in your browser, timers are not shared between devices or browsers \u2014 reopen the same page in the same browser to pick up where you left off.<\/p>\n<p>Reading the result is simple: the large display shows the selected timer\u2019s remaining time as MM:SS or H:MM:SS when hours are involved. When the count hits zero the display and the matching row flash, and the alarm plays once or repeats until you press a timer button, depending on the repeat setting.<\/p>\n<h2>Assumptions, limits and practical tips<\/h2>\n<ul>\n<li><strong>Maximum of five timers.<\/strong> You can keep five timers at once; delete one before adding another.<\/li>\n<li><strong>The page must stay open for sound.<\/strong> The alarm is generated by the browser playing the page, so close the tab only if you will return before the deadline \u2014 the timer will still be correct, but it cannot beep while closed. On mobile, keeping the screen on or staying on the page avoids OS suspensions that silence audio.<\/li>\n<li><strong>Notifications are optional.<\/strong> The browser-notification option works only while the page is open and you granted permission; the sound alarm alone is enough in most cases.<\/li>\n<li><strong>Names are trimmed to 40 characters<\/strong> and fields to whole numbers 0\u2013999; durations can range from 1 second up to about 41 days.<\/li>\n<li><strong>+1 min is a safety valve.<\/strong> If something needs \u201cjust a bit longer\u201d, add a minute on the fly instead of rebuilding the timer \u2014 Reset then restores the original full duration.<\/li>\n<li>For measuring how long something already took instead of counting down, use the <a href=\"https:\/\/wpcalc.com\/en\/life\/online-stopwatch-with-laps\/\">online stopwatch with laps<\/a>; to find the length of an interval between two clock times, the <a href=\"https:\/\/wpcalc.com\/en\/life\/time-duration-calculator\/\">time duration calculator<\/a> or the <a href=\"https:\/\/wpcalc.com\/en\/life\/time-calculator-add-and-subtract-time\/\">time calculator for adding and subtracting time<\/a> will do it in one step.<\/li>\n<\/ul>\n<h2>Quick duration reference<\/h2>\n<table>\n<thead>\n<tr>\n<th>Common task<\/th>\n<th>Suggested timer<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Plank \/ short exercise round<\/td>\n<td>1 min<\/td>\n<\/tr>\n<tr>\n<td>Tea brewing<\/td>\n<td>3 min<\/td>\n<\/tr>\n<tr>\n<td>Pomodoro-style focus sprint<\/td>\n<td>25 min (set 5 min for the break)<\/td>\n<\/tr>\n<tr>\n<td>Boiling an egg, runny yolk<\/td>\n<td>5\u20136 min<\/td>\n<\/tr>\n<tr>\n<td>Laundry wash cycle reminder<\/td>\n<td>30\u201360 min<\/td>\n<\/tr>\n<tr>\n<td>Oven dish check<\/td>\n<td>10\u201315 min<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Any of these can be started with a single quick-start preset button or typed into the Hours \/ Minutes \/ Seconds fields.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Set a countdown in hours, minutes and seconds and run up to five named timers side by side with a beeping, chiming or buzzing alarm. Enter the duration, press Start, and the timer counts down to zero and alerts you.<\/p>\n","protected":false},"author":3168,"featured_media":0,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[103],"class_list":["post-67347","post","type-post","status-publish","format-standard","hentry","category-life","tag-timers"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts\/67347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/users\/3168"}],"replies":[{"embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/comments?post=67347"}],"version-history":[{"count":1,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts\/67347\/revisions"}],"predecessor-version":[{"id":67348,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts\/67347\/revisions\/67348"}],"wp:attachment":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/media?parent=67347"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/categories?post=67347"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/tags?post=67347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}