Question

我试图找出如何增加Date（）。toLocaleTimeString（）。每秒切1。为了使我的问题更有意义，我需要向您展示我的代码：

继续状态：

class App extends Component {
    constructor(props) {
        super(props);
        this.state = { 
            currentTime: new Date().toLocaleTimeString()
        };
    }
    componentDidMount() {
      setInterval(() => {
        this.setState({
          currentTime: new Date().toLocaleTimeString()
        });
      }, 1000);
    }

方法newOrder（timeAsProp）将时间从'12：00：00'转换为'12'。

newOrder(timeAsProp) {
    const hour = timeAsProp.slice(0, 2);

方法newOrder（timeAsProp）然后为每个小时分配一个新的图像顺序，如下所示：（基本上，我想让'小时'增加1，每秒，这样我就可以每秒看到一个新的图像顺序，而不是每小时（为了测试目的））

 newOrder(timeAsProp) {
    const hour = timeAsProp.slice(0, 2);
    let returnValue = [];
    const yud = <Image key="yud" source={require('./img/yud.png')} style={Style.image} />;
    const hey1 = <Image key="hey1" source={require('./img/hey1.png')} style={Style.image} />;
    const vav = <Image key="vav" source={require('./img/vav.png')} style={Style.image} />;
    const hey2 = <Image key="hey2" source={require('./img/hey2.png')} style={Style.image} />;

    if (hour === '00' || hour === '12') {
       returnValue = [     
        yud, hey1, vav, hey2
        ];  
    }
    if (hour === '01' || hour === '13') {
        returnValue = [     
        yud, hey1, hey2, vav
        ];
    }

出于测试目的，我想增加 “小时”，每秒1，这样我就可以看到图像每秒钟而不是每小时都会发生变化，以确保一切正常。

我刚接触编码，并试图看看是否有任何其他问题首先解决了这个问题，但找不到，所以请原谅我，如果这已经得到了回答。我已经尝试过这个:(但它没有帮助）

currentTime: new Date().toLocaleTimeString() + 1

我确定它必须是一个简单的解决方案，但我无法弄明白。我猜测我是否可以保存：“const小时”处于状态，然后每秒都有可能有效的更新...但是再次如我所说，我对这一切都很新，可以使用我能得到的所有帮助。 thnks！ SB

如何增加Date（）。toLocaleTimeString（）。slice的小时，每秒

0 个答案: