<div class="card text-center timer">
  <samp id="timerValue">00:00.00</samp>
  <p class="muted">Timer</p>
  <menu class="actions">
    <li><button class="primary" id="startBtn">Start</button></li>
    <li><button class="secondary" id="pauseBtn">Pause</button></li>
    <li><button class="outline" id="resetBtn">Reset</button></li>
  </menu>
</div>

• Stopwatch Mode - Track elapsed time with milliseconds
• Countdown Mode - Timer down from specified time
• Start/Pause - Pause and resume functionality
• Reset Function - Clear timer and restart
• Input Controls - Set custom countdown times
• Precision Timing - Millisecond accuracy

• Fitness App - Workout interval timers
• Productivity - Pomodoro timer for focus sessions
• Cooking App - Recipe preparation timer
• Quiz App - Test time limit countdown
• Event Timer - Countdown to event start
• Game Timer - Turn time tracking

• Use monospace font for clear time display
• Provide audio notification when timer completes
• Support keyboard controls (Space to play/pause)
• Announce time changes to screen readers
• Use aria-live for time updates
• Include descriptive button labels

• Clear Display - Large, readable monospace font
• Simple Controls - Play, pause, reset buttons
• Precision - Millisecond accuracy for accuracy
• User Input - Allow custom countdown times
• Notifications - Alert when timer complete
• Persistence - Save timer state on page reload