-- 创造无限可能

js技巧:计时器的使用

2023-06-10 16:50:06
277 人浏览 0 人点赞
有用,点赞支持一下

使用场景

线上考试计时

方案

  • 定义一个计时器setInterval(,每隔一段时间执行一次
  • 删除计时器:clearInterval(需要停止的计时器变量);

用法

  • setInterval
    #每隔1秒执行一次
    timer1 = window.setInterval(function(){
      // 定期执行的代码
    },1000);
    
  • clearInterval

    clearInterval(timer1)
    

    完整案例

    ```

    存储计时器变量

    let timer
    let time = 0; // 用时

    开始计时

    function start(){

    timer = window.setInterval(function(){

      time ++
      // 其他代码
    

    },1000);
    }

    结束计时

    function stop(){
    time = 0 // 重置计时器
    clearInterval(timer)
    }

```