-
Notifications
You must be signed in to change notification settings - Fork 62
Open
Labels
enhancementNew feature or requestNew feature or requestgood first issueGood for newcomersGood for newcomershacktoberfest2025
Description
Project slug (e.g., snake, todo)
stopwatch
Summary
Implement a high-precision stopwatch using performance.now() or requestAnimationFrame with start/pause/reset/lap.
Details / Acceptance criteria
Acceptance Criteria:
- Start/pause/resume/reset controls work.
- Laps list shows timestamp and delta since previous lap.
- Time format: mm:ss.mmm (zero-padded).
- Continues to display accurate time when tab is inactive.
- Keyboard shortcuts: Space (start/pause), L (lap), R (reset).
- Accessible buttons with roles/labels.
Files:
- projects/stopwatch/index.html
- projects/stopwatch/styles.css
- projects/stopwatch/main.js
Tasks:
- Render time and controls.
- Timing loop using performance.now() delta.
- Manage laps array and render list.
- Add keyboard handlers and focus states.
Scope
- UI changes
- Logic changes
- Accessibility
- Tests (manual)
Metadata
Metadata
Assignees
Labels
enhancementNew feature or requestNew feature or requestgood first issueGood for newcomersGood for newcomershacktoberfest2025