移动解析特惠活动

import React, { useState, useEffect } from 'react';

function DiscountTimer({ endTime }) {
  const [timeLeft, setTimeLeft] = useState(calculateTimeLeft(endTime));

  useEffect(() => {
    const timer = setTimeout(() => {
      setTimeLeft(calculateTimeLeft(endTime));
    }, 1000);

    return () => clearTimeout(timer);
  }, [endTime]);

  function calculateTimeLeft(endTime) {
    const difference = new Date(endTime).getTime() - new Date().getTime();
    if (difference <= 0) return { days: 0, hours: 0, minutes: 0, seconds: 0 };
    const days = Math.floor(difference / (1000 * 60 * 60 * 24));
    const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
    const seconds = Math.floor((difference % (1000 * 60)) / 1000);
    return { days, hours, minutes, seconds };
  }

  return (
    <div>
      <span>{timeLeft.days}天 </span>
      <span>{timeLeft.hours}小时 </span>
      <span>{timeLeft.minutes}分钟 </span>
      <span>{timeLeft.seconds}秒</span>
    </div>
  );
}

export default DiscountTimer;