function Clock(props) {
const [date, setDate] = useState('');
useEffect(() => {
tick()
const timerID = setInterval(() => tick(), 1000);
return function cleanup() {
clearInterval(timerID);
};
});
function tick() {
setDate(timeStamp2String());
}
function timeStamp2String(){
let datetime = new Date()
let year = datetime.getFullYear();
let month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
let date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
let hour = datetime.getHours()< 10 ? "0" + datetime.getHours() : datetime.getHours();
let minute = datetime.getMinutes()< 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
let second = datetime.getSeconds()< 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
return year + "-" + month + "-" + date+" "+hour+":"+minute+":"+second;
}
return (
<div>
<h1> {date} </h1>
</div>
);
}