Conference Timer 🕒

English | 正體中文 (zh-TW) | 简体中文 (zh-CN)

A professional, distraction-free countdown timer designed for conference speakers and organizers. Built as a completely self-contained, single index.html file with no external audio or image dependencies, it is 100% portable and ready for offline use to keep your presentations perfectly on track.

🚀 Live Demo

Why Conference Timer?

• Zero Dependencies & Offline-Ready: Does not rely on any external sound or image files. The entire application is contained in a single index.html file that is highly portable and works completely offline.
• Stage-based Settings: Configure four distinct stages (Start, Yellow, Red, Timeout) with custom thresholds.
• Advanced Alert Sounds: Choice of professional synthesized sounds, including a crisp Service Desk Bell (additive synthesis) and a deep Orchestral Gong (FM/Impact synthesis).
• Customizable Repetitions: Set alerts to repeat 1, 2, or 3 times for each stage.
• Visual Confidence: Each stage in settings features a color-coded swatch matching the progress bar.
• Validation: Built-in validation ensures logical timing (Red < Yellow).
• Zero Distractions: No ads, no pop-ups, and no secondary functions. Purely focused on time.
• Portable: A single index.html file. No installation required.

Key Features

• Proportional Progress Bar: A tricolor bar (Green-Yellow-Red) that dynamically scales to your total time.
  • Green: Safe zone (> 1 minute by default).
  • Yellow: Yellow zone (15s to 1 minute by default).
  • Red: Red zone (< 15s by default).
• Overtime Mode: Automatically switches to an elapsed time counter (+MM:SS) with a prominent flashing effect after reaching zero.
• Interactive Configuration:
  • Click digits to edit the time inline.
  • Professional settings modal for multi-stage alerts.
  • Sound testing buttons to preview configurations.
• Responsive Design: Adapts perfectly to projectors, laptops, and mobile screens.

Quick Start

1. Open the 🚀 Live Demo directly in your browser, or download index.html to run it completely offline.
2. (Optional) Append ?t=20m (e.g. index.html?t=20m) to the URL to instantly set a 20-minute countdown.

Keyboard Shortcuts

• Space: Start / Pause
• Enter: Confirm time during inline editing
• Esc: Cancel inline editing

Tech Stack

• Vanilla JavaScript (ES6+): High performance, zero dependencies.
• Vanilla CSS: Responsive layout with dynamic clamp() typography.
• SVG Icons: Lightweight and sharp at any scale.

License

MIT License - feel free to use, modify, and distribute!