Timer with Controls

Easy

Create a timer with start and stop functionality. Requirements: ✓ Display time in seconds (initial value: 0) ✓ "Start" button to start the timer ✓ "Stop" button to stop the timer ✓ "Reset" button to reset the timer ✓ When running, timer increments by 1 every second ✓ When stopped, timer keeps current value ✓ "Start" button changes to "Stop" when timer is running Additional: - Time formatting (mm:ss) - Visual indication of state (running/stopped) - Prevent multiple intervals

Timer with Controls

Easy

Close file
Close file
import './styles.css';

export default function App() {
  // Your code here
  
  return (
    <div className="app">
      <h1>Timer</h1>
      {/* Add your code */}
    </div>
  );
}

Preview

Console