13定时器setInterval案例

最新推荐文章于 2022-10-13 18:03:01 发布

qq_47670443

最新推荐文章于 2022-10-13 18:03:01 发布

阅读量251

点赞数

分类专栏：重学前端基础冲击高薪文章标签： javascript 前端 css3

本文链接：https://blog.csdn.net/qq_47670443/article/details/124696738

版权

本文介绍了JavaScript的setInterval方法，包括其作用、使用方法和两个实际案例，如轮播图的实现和倒计时功能。通过setInterval，可以定时执行函数，而clearInterval用于停止定时任务。

摘要由CSDN通过智能技术生成

1setInterval作用

setInterval(函数，间隔时间) 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数，用来停止对应setInterval的运行。

在做轮播图，或者间隔一段时间需要重复运行的代码中需要使用。

2使用方法

返回值 = setInterval(函数，间隔时间) （默认间隔时间单位是毫秒）

停止这个函数 clearInterval(返回值)

3案例

1设置定时器，到5时停止

<script>
    // 定义全局变量
   let i = 0
  //  定义返回值timeId
    let timeId = setInterval(function(){
      document.write(`编程使我快乐<br>`)
      i++
      // 设定停止条件
      if(i>=5){
       clearInterval(timeId)
    }
    },1000)
    </script>

2写一个用户同意倒计时案例

<body>
    <textarea name="" id="" cols="30" rows="10">
        用户注册协议
        欢迎注册成为京东用户！在您注册过程中，您需要完成我们的注册流程并通过点击同意的形式在线签署以下协议，请您务必仔细阅读、充分理解协议中的条款内容后再点击同意（