122 components

useCountdown@djangocfg/ui-nextjs

Countdown timer hook with days, hours, minutes, seconds

useCountdown Hook
Countdown timer hook with days, hours, minutes, seconds
00
Days
00
Hours
00
Minutes
00
Seconds

Hook Return Values:

days: 0
hours: 0
minutes: 0
seconds: 0
isExpired: false

Set New Countdown:

Usage:

const targetDate = new Date('2025-12-31').toISOString();
const { days, hours, minutes, seconds, isExpired } = useCountdown(targetDate);

return (
  <div>
    {isExpired ? (
      <span>Timer expired!</span>
    ) : (
      <span>
        {days}d {hours}h {minutes}m {seconds}s
      </span>
    )}
  </div>
);

Import

Loading code...