当前位置: 首页 > article >正文

setInterval 让它刚进页面时执行一次,然后根据设置的间隔时间执行;clearInterval清除setInterval。

  1. 可以在页面加载后先立即执行一次任务,然后再设置定时器。例如,假设你想要每隔一分钟就执行一次某个函数 myFunc,可以这样实现:
function myFunc() {
  // 要执行的代码
}

// 立即执行一次任务
myFunc();

// 每隔一分钟执行一次任务
setInterval(myFunc, 60 * 1000);

在这个例子中,首先定义了一个名为 myFunc 的函数,然后立即执行了一次 myFunc。接着使用 setInterval 函数设置了一个定时器,使得 myFunc 函数每隔一分钟被执行一次。

  1. 需要注意的是,如果执行的任务比较耗时,那么在任务执行期间,定时器仍然会继续计时,因此可能会导致任务的并发执行。如果需要避免这种情况,可以在任务执行前先检查定时器是否已经在执行中,例如:
var isRunning = false;

function myFunc() {
  if (isRunning) {
    return; // 如果任务正在执行,则直接返回
  }
  
  isRunning = true;
  // 要执行的代码
  isRunning = false;
}

// 立即执行一次任务
myFunc();

// 每隔一分钟执行一次任务
setInterval(myFunc, 60 * 1000);

在这个例子中,定义了一个名为 isRunning 的变量,用来表示任务是否正在执行。在执行 myFunc 函数时,如果任务正在执行,则直接返回;否则将 isRunning 设置为 true,执行任务,最后再将 isRunning 设置为 false。这样可以确保同一时刻只有一个任务在执行。

  1. 要清除使用 setInterval 创建的计时器,可以使用 clearInterval 函数。该函数需要接收一个参数,即要清除的计时器 ID,该 ID 是由 setInterval 函数返回的。

例如,如果要清除 ID 为 timerId 的计时器,可以使用以下代码:

clearInterval(timerId);

在清除计时器之前,需要先将该计时器的 ID 存储起来,以便在需要时能够准确地清除它。通常情况下,计时器 ID 可以存储在一个变量中,例如:

var timerId = setInterval(function() {
  // 要执行的代码
}, 1000);

然后可以在需要清除计时器时,调用 clearInterval 函数:

clearInterval(timerId);

注意,必须要传入 setInterval 返回的 ID,否则无法清除计时器。如果传入一个不是计时器 ID 的参数,clearInterval 函数会忽略该调用并不会产生任何影响。


http://www.kler.cn/news/10550.html

相关文章:

  • webgl-根据鼠标点击而移动
  • linux对动态库的搜索知识梳理
  • 推荐 ChatGpt 平替介绍文章
  • TensorFlow 机器学习秘籍第二版:6~8
  • 常见网络协议汇总(一)
  • 前端手写综合考题
  • DS-NeRF代码
  • 【SpringMVC】SpringMVC注解式开发
  • ChatGPT实现用C语言写一个学生成绩管理系统
  • 阻塞/非阻塞、同步/异步、五种IO模型
  • SpringBoot基础配置
  • Spring相关概念
  • 2.28、共享内存(1)
  • springboot如何优雅的打印项目日志
  • 蹭ChatGPT热点有风险,昆仑万维蹭热点被发监管函
  • Vite打包后直接使用浏览器打开,显示空白问题
  • 题解,git的使用,MySQL与JDBC的使用(上)
  • NDK RTMP直播客户端二
  • Metasploit高级技术【第十章】
  • C++篇 ---- 命名空间namespace
  • 华为MatePad有什么好用的软件?
  • 用SSH登陆Centos系统时,命令行最前面显示“的提示符[root@www myapp]”是什么意思?
  • 【博学谷学习记录】超强总结,用心分享丨人工智能 AI项目 统计语言模型之HMM初步学习总结
  • 基于Python实现的深度学习技术在水文水质领域应用
  • Java多线程:定时器Timer
  • C++之入门之缺省参数函数重载引用
  • 【活动】高效学习方法分享
  • 「VS」Visual Studio 常用小技巧
  • 【C语言】迷宫问题
  • CLIP:语言-图像表示之间的桥梁