相关疑难解决方法(0)

React中的倒数计时器

我在JavaScript中看到了许多倒计时器,并希望让一个人在React中工作.

我借用了我在网上找到的这个功能:

secondsToTime(secs){
    let hours = Math.floor(secs / (60 * 60));

    let divisor_for_minutes = secs % (60 * 60);
    let minutes = Math.floor(divisor_for_minutes / 60);

    let divisor_for_seconds = divisor_for_minutes % 60;
    let seconds = Math.ceil(divisor_for_seconds);

    let obj = {
        "h": hours,
        "m": minutes,
        "s": seconds
    };
    return obj;
  };
Run Code Online (Sandbox Code Playgroud)

然后我自己编写了这段代码

  initiateTimer = () => {
    let timeLeftVar = this.secondsToTime(60);
    this.setState({ timeLeft: timeLeftVar })
  };

  startTimer = () => {
    let interval = setInterval(this.timer, 1000);
    this.setState({ interval: interval });
  };

  timer …
Run Code Online (Sandbox Code Playgroud)

javascript countdown reactjs

22
推荐指数
6
解决办法
5万
查看次数

标签 统计

countdown ×1

javascript ×1

reactjs ×1