CHIEFSOFT\ameye
40 lines
1.3 KiB
React
40 lines
1.3 KiB
React
// import React, { useEffect, useState } from 'react';
|
|
|
|
// const CustomCounter = ({ targetNumber, timeInSeconds }) => {
|
|
// const [count, setCount] = useState(0);
|
|
|
|
// useEffect(() => {
|
|
// if (targetNumber <= 0 || timeInSeconds <= 0) return; // Handle edge cases
|
|
|
|
// const interval = Math.floor(timeInSeconds * 1000 / targetNumber); // Time interval for each count in milliseconds
|
|
// const totalTime = timeInSeconds * 1000; // Total time for the entire count in milliseconds
|
|
|
|
// let currentCount = 0;
|
|
// const intervalId = setInterval(() => {
|
|
// currentCount++;
|
|
// setCount((prevCount) => prevCount + 1); // Update state using the previous state
|
|
|
|
// if (currentCount >= targetNumber) {
|
|
// clearInterval(intervalId); // Stop the counting when the target number is reached
|
|
// }
|
|
// }, interval);
|
|
|
|
// // Cleanup the interval on component unmount
|
|
// return () => clearInterval(intervalId);
|
|
// }, [targetNumber, timeInSeconds]);
|
|
|
|
// return <>{count}</>;
|
|
// };
|
|
|
|
// export default CustomCounter;
|
|
|
|
|
|
// import React from 'react';
|
|
// import CountUp from 'react-countup';
|
|
|
|
const CustomCounter = ({ targetNumber, timeInSeconds }) => {
|
|
// return <CountUp end={targetNumber} duration={timeInSeconds} />;
|
|
return targetNumber
|
|
};
|
|
|
|
export default CustomCounter; |