定时器 消除定时器

news/2025/1/16 3:00:58/

定时器:

定时器有两种,setTimeout () setInterval (),二者的区别在于时间到后执行回调函数的次数,setTimeout () 只能执行一次,而 setInterval () 每当间隔这个倒计时一次,就会执行一次回调函数内容


setTimeout ()

  • 时间结束后执行回调函数
  • 只执行一次

setInterval ()

  • 时间结束后执行回调函数
  • 每间隔一次倒计时就会执行一次


 在开始说明定时器前我们先引入一个概念 ------ 回调函数,顾名思义,回调就是回头再调用,在定时器部分,我们在倒计时结束后执行的函数,就叫做回调函数,我们在注册事件时内部的函数也是回调函数


一:setTimeout ( 回调函数,延迟的毫秒数 )

其中可以写成这种直接写函数的形式

 window.setTimeout(function(){alert('两秒到啦');},2000)

也可以写成这种写函数名的形式(不用加括号!!)

 window.setTimeout(fn,2000)function fn(){alert('两秒到啦');}

效果均是延迟两秒后弹出,要注意延迟的时间要写成毫秒数!!


二:setInterval ( 回调函数,延迟的毫秒数 )

记住这个定时器的回调函数时间每过一次就会执行一次,两种函数写法与 setTimeout 相同

<script>window.setInterval(function(){alert('时间到啦');},4000)</script>

注意点:

  • window 可以省略
  • 可以采用直接写函数或写函数名
  • 时间一定要写成毫秒数
  • 页面中可能有很多定时器,最好设置标志符号,var time1= window.setTimeout(fn,2000)

消除定时器:

消除定时器有 clearTimeout ()clearInterval ()


clearTimeout ( 要删除的定时器 ):

 <button>关闭</button><script>var btn=document.querySelector('button');var time1=window.setTimeout(function(){alert('倒计时到啦');},3000)btn.addEventListener('click',function(){window.clearTimeout(time1);})</script>

clearInterval (要删除的定时器):

此方法可以使反复在执行并且调用的计时器中断

<button>关闭</button><script>var btn=document.querySelector('button');var time1=window.setInterval(function(){console.log('倒计时到啦');},1000)btn.addEventListener('click',function(){window.clearInterval(time1);})</script>


http://www.ppmy.cn/news/820067.html

相关文章

workerman gatawayworker 定时器

workerman初始化定时器,workerman重启定时器 介绍 业务中写的定时器&#xff0c;当遇到workerman异常&#xff0c;重启后会失效&#xff0c;所以想项目初始化时启动所有定时器&#xff0c;定时器写在配置文件中&#xff0c;这样业务每次重启时定时器也会随之生效 代码实现如下…

Timer定时器 Windows

目前&#xff0c;Windows下的定时器编程主要有三种方式。 1)SetTimer定时器是利用Windows窗口消息WM_TIMER来实现的。使用方法非常简单&#xff0c;SetTimer创建定时器&#xff0c;KillTimer销毁定时器。使用条件是调用线程必须要有窗口消息队列message queue&#xff0c;因此…

定时器--回调函数

回调函数讲解参考这篇 #ifndef _TASKTIMER_H #define _TASKTIMER_H#include <iostream>#ifdef WIN32 #include <windows.h> #else #include <unistd.h> #include <sys/time.h> #include <netinet/in.h> #include <pthread.h> #endif //定…

linux内核定时器

一、内核定时器简介&#xff1a; Linux 内核定时器使用很简单&#xff0c;只需要提供超时时间(相当于当前时刻)和定时处理函数即可&#xff0c;当超时时间到了以后设置的定时处理函数就会执行。在使用内核定时器的时候要注意一点&#xff0c;内核定时器并不是周期性运行的&…

c语言定时器回调函数的参数,定时器的简单实现即回调函数的运用

&#xfeff;&#xfeff; 这两天在 研究回调函数就想实现简单的定时器&#xff0c;如下是鄙人的程序望指教。ios #include #include using namespace std;app #define MAXNUM 256函数 typedef void (*timerProcessFunc)(void*);spa typedef struct { unsigned int id; int t…

hal定时器回调函数

hal定时器回调函数 () TIM Period elapsed callback() TIM Output Compare callback() TIM Input capture callback() TIM Trigger callback() TIM Error callback () TIM Period elapsed callback __weak void HAL_TIM_PeriodElapsedCallback(TIM_HandleTypeDef *htim)brief …

定时器的用法以及pwm的调速

今天我们来讲一下定时器的用法以及PWM的调速 我们最初接触的51单片机有两组定时器&#xff08;计数器&#xff09;&#xff0c;因为既可以定时&#xff0c;又可以计数&#xff0c;因此叫做定时器&#xff08;计数器&#xff09;. 定时器和单片机的CPU是相互独立的。 定时器的工…

proteus 555定时器占空比可调的多谐振荡电路

话不多说&#xff0c;上图&#xff0c;这个是多少赫兹的看了下面计算过程自己算一下吧。 计算过程如下&#xff0c;是从我以前作业上截图截的&#xff0c; 占空比可调&#xff1a; 误差肯定会有&#xff0c;微调一下电阻值就行&#xff0c;&#xff0c;&#xff0c;