Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用React将180秒倒计时到03:00倒计时?_Javascript_Reactjs_Momentjs - Fatal编程技术网

Javascript 如何使用React将180秒倒计时到03:00倒计时?

Javascript 如何使用React将180秒倒计时到03:00倒计时?,javascript,reactjs,momentjs,Javascript,Reactjs,Momentjs,我正在使用react制作一个倒计时应用程序 我设法从180秒开始倒计时,但我想转换从03:00开始的分钟基数 这是密码 const Countdown: React.FC<ICountdownProps> = ({ setVerification, setTimeUp }) => { const [seconds, setSeconds] = useState(180); useEffect(() => { if (seconds > 0) {

我正在使用react制作一个倒计时应用程序

我设法从180秒开始倒计时,但我想转换从03:00开始的分钟基数

这是密码

const Countdown: React.FC<ICountdownProps> = ({ setVerification, setTimeUp }) => {
  const [seconds, setSeconds] = useState(180);

  useEffect(() => {
    if (seconds > 0) {
      setTimeout(() => setSeconds(seconds - 1), 1000);
    }
  });

  const notVerified = () => {
    setVerification(false);
    setTimeUp(true)
    return ''
  };

  return (
    <div style={{ position: "absolute", right: 0, bottom: 0, padding: "10px" }}>
      {
        seconds !== 0 ? fmtMSS(seconds) : notVerified()
      }
    </div>
  );
};

export default Countdown;
const倒计时:React.FC=({setVerification,setTimeUp})=>{
常数[秒,设置秒]=使用状态(180);
useffect(()=>{
如果(秒>0){
setTimeout(()=>setSeconds(秒-1),1000);
}
});
const notVerified=()=>{
设置验证(假);
设置时间(真)
返回“”
};
返回(
{
秒!==0?fmtMSS(秒):未验证()
}
);
};
出口默认倒计时;

我可以使用矩量.js将单个秒数转换为显示分和秒的字符串吗?

要计算,可以使用以下方法:

const seconds = 180;
const countdown = `${seconds/60}:${seconds%60}`

您是否应该使用moment.js是基于意见的,不应该回答。我已将额外的问题改为不以意见为基础。