A minimal Chrome extension timer for Baekjoon with delay time tracking.
Shows elapsed and overtime directly on the icon badge.
I made this to track how long I spend on solving Baekjoon problems — and to push myself to finish before the time's up.
It's a personal timer, made simple and useful. Hope it helps you too.
- Start a simple timer when solving Baekjoon problems
- Set a target time (e.g., 30 minutes)
- Track elapsed time in real-time
- Highlight delay time when exceeding the target
- Show timer info directly on the Chrome toolbar icon
- Timer completion notifications with visual and audio alerts
- Customizable notification settings (enable/disable)
- Lightweight, no distractions
-
Download the extension from the Chrome Web Store
-
After installing, click the timer icon on your Chrome toolbar
-
Set your target time using one of these methods:
- Click the time presets (30min, 41min, 60min)
- Click on the time display to open the time picker
- Edit time presets by clicking the settings icon
-
Start the timer and begin solving your Baekjoon problem!
-
The extension will:
- Show remaining time while solving
- Display delay time in red if you exceed your target
- Track total elapsed time
- ** Notify you when the timer is complete** with browser notifications
- ** Show visual alerts** with icon flashing and popup modal
- ** Play completion sound** (if browser supports Web Audio API)
Time badge will appear on the extension icon showing progress at a glance
- Browser Notifications: Get system notifications when your timer completes
- Visual Alerts: Extension icon flashes and shows completion badge
- Popup Modal: Beautiful completion modal with options to dismiss or restart
- Audio Feedback: Pleasant chime sound when timer finishes
- Settings Control: Enable/disable notifications in the extension settings
- Non-intrusive: Notifications auto-dismiss and don't interrupt your workflow
boj-delay-timer-chrome-extension/
├── manifest.json # Chrome extension config (Manifest V3) + notifications permission
├── background.js # Core timer, notifications & badge update logic
├── popup.html # Main popup UI with timer controls + completion modal
├── popup.js # Timer logic, notifications & UI interactions
├── styles.css # Main stylesheet + notification modal styles
├── styles/ # Additional CSS files
│ ├── layout.css # Layout styling
│ ├── preset-modal.css # Preset editor modal styling
│ └── timepicker.css # Time picker styling
├── modals/ # Modal component modules
│ ├── preset-modal.js # Preset editor functionality
│ └── time-picker-modal.js # Time picker functionality
└── icons/ # Toolbar icons
- Add popup interface for target time input
- Customizable timer formats (e.g., mm:ss)
- Option to disable badge display
- Timer completion notifications
- Visual and audio alerts
- Notification settings control
- Non-intrusive user experience
- In-page overlay mode (optional)
- Custom notification sounds
- Notification repeat intervals
Interface design inspired by Pinterest.
This project is licensed under the MIT License.
Developed by YuSoeun
Always trying to build something minimal, useful, and user-friendly.
