在好例子网，分享、交流、成长！
<<

setInterval函数详解(含可运行示例)

setInterval函数是JavaScript中的一个定时器函数，它可以在指定的时间间隔内重复执行指定的代码或函数。下面将从函数简介、参数说明和完整示例HTML代码三个方面分别进行说明。

函数简介：

  • 函数名称：setInterval
  • 作用：设置定时器，按照指定的时间间隔重复执行指定的代码或函数。
  • 应用场景：常用于需要周期性执行某些任务的场景，例如轮播图自动切换、定期更新数据等。

参数说明：

参数 类型 描述
callback Function 必需。要重复执行的函数或代码。
delay number 必需。每次执行之间的延迟时间（单位：毫秒）。
...args any 可选。传递给回调函数的参数，可以有多个参数，以逗号分隔。

完整可运行示例HTML代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>setInterval 示例</title>
</head>
<body>
  <h1>定时器示例</h1>
  
  <label id="result"></label>

  <script>
    // 定义定时器变量
    let timer;
    let count = 0;

    // 开始计时
    function startTimer() {
      // 每隔1000毫秒（1秒）执行一次任务
      timer = setInterval(task, 1000);
    }

    // 停止计时
    function stopTimer() {
      clearInterval(timer);
    }

    // 执行的任务
    function task() {
      const label = document.getElementById('result');
      count++;
      label.innerText = '执行任务 ' + count; // 更新显示的内容
    }
  </script>

  <button onclick="startTimer()">开始计时</button>
  <button onclick="stopTimer()">停止计时</button>
</body>
</html>

以上示例代码创建了一个简单的HTML页面，包含了一个标题和两个按钮（"开始计时"和"停止计时"）。点击"开始计时"按钮后，将会触发startTimer函数，启动定时器并每隔1秒执行task函数。点击"停止计时"按钮后，将会触发stopTimer函数，停止定时器的执行。在浏览器的控制台中可以看到每秒输出一次"执行任务"的日志信息，这表明定时器正常工作。

标签： int RVA ET 详解 TI

关于好例子网

本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明

报警