javascript - Javascript 使用 React js 获取 H:M:S 中的日期格式

Question

首先我会说我已经尝试了如何使用 .toLocaleTimeString() 而不显示秒数中的解决方案？ 它对我不起作用。

我正在尝试使用 h:m:s 格式创建一个计时器组件，但我总是看到完整的当前日期。有没有人有办法解决吗？这是我的代码：

import React , { Component } from 'react';

class Timer extends Component {
    constructor (props) {
        super(props);
        this.state = {
            count : 0
        }
    }

    render () {
        {
            var hour = Math.floor(this.state.count/3600),
            minutes = Math.floor((this.state.count - hour*3600)/60),
            seconds = (this.state.count - hour*3600 -minutes*60 ),
            date = new Date();
            date.setHours(hour, minutes, seconds);
        }
        
        return(
            <div>
                {date.toString( {hour: '2-digit', minute:'2-digit'})}
            </div>
        );
    }

}

export default Timer;

我从这个组件中得到的看起来像这样：

它与 react-js 的工作方式有关还是我编写的 javascript 代码有误？

Answer 1

你可以这样做：

//your date
 let temp = new Date(); 
 let HMS = `${temp.getHours()}:${temp.getMinutes()}:${temp.getSeconds()}`

现在你有你的小时：分钟：秒