first commit
This commit is contained in:
@@ -0,0 +1,40 @@
|
||||
// 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;
|
||||
Reference in New Issue
Block a user