如何在MONM JS REACT中开始倒计时计时器
我是使用JS的新手,我从Internet中获取了此样本,并根据自己的方式进行了修改,在这里我希望倒计时从 2分钟开始:00 sec 。
import React, { useEffect, useState } from "react";
import moment from "moment";
export default function CountdownMonths(){
const [currentTime, setCurrentTime] = useState(moment());
const timeBetween = moment.duration({
"minutes": 2,
"seconds":"00"
});
useEffect(() => {
const interval = setInterval(() => {
setCurrentTime(moment());
}, 1000);
return () => clearInterval(interval);
}, []);
return (
<>
<p>Deadline comes in</p>
<p className="counter">
<span>{timeBetween.minutes()}m: </span>
<span>{timeBetween.seconds()}s </span>
</p>
</>
);
};
我应该如何开始页面渲染的倒计时? 任何帮助都将不胜感激。
I am new to this using moment js, I took this sample from the internet and modified it according to my way, Here I want the countdown to start from 2 min: 00 sec to 00:00.
import React, { useEffect, useState } from "react";
import moment from "moment";
export default function CountdownMonths(){
const [currentTime, setCurrentTime] = useState(moment());
const timeBetween = moment.duration({
"minutes": 2,
"seconds":"00"
});
useEffect(() => {
const interval = setInterval(() => {
setCurrentTime(moment());
}, 1000);
return () => clearInterval(interval);
}, []);
return (
<>
<p>Deadline comes in</p>
<p className="counter">
<span>{timeBetween.minutes()}m: </span>
<span>{timeBetween.seconds()}s </span>
</p>
</>
);
};
How shall I start the countdown on page render?
Any help would be much appreciated.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论