useEffect

function AdvancedTimer() {
  const [seconds, setSeconds] = useState(60);
  const [isRunning, setIsRunning] = useState(false);

  useEffect(() => {
    if (!isRunning || seconds === 0) return;
    const interval = setInterval(() => {
      setSeconds(prev => prev - 1);
    }, 1000);
    return () => clearInterval(interval);
  }, [isRunning, seconds]);

  return (
    <div>
      <h2>الوقت المتبقي: {seconds} ثانية</h2>
      <button onClick={() => setIsRunning(!isRunning)}>
        {isRunning ? "إيقاف" : "تشغيل"}
      </button>
      <button onClick={() => { setSeconds(60); setIsRunning(false); }}>
        إعادة تعيين
      </button>
    </div>
  );
}