JS的定时器和清除定时器

JS的定时器和清除定时器在我们的项目开发中 难免会需要按周期执行一些代码 这就需要定时器这个功能 常用的定时器有 2 种 setTimeout function 1000 一秒钟以后执行一次 setInterval function 1000 每一秒钟执行一次 需要注意的是这里说的一秒是大约一秒 定时器还是会有细微的时间差下面通过一个小 demo 来看一下效果 amp l

在我们的项目开发中,难免会需要按周期执行一些代码,这就需要定时器这个功能。

常用的定时器有2种

setTimeout(function() {}, 1000); //一秒钟以后执行一次 setInterval(function() {}, 1000); //每一秒钟执行一次 //需要注意的是这里说的一秒是大约一秒,定时器还是会有细微的时间差 

下面通过一个小demo来看一下效果

 
   
    
     
     
      
     
    
  

代码执行结果想必大家都知道,就是一秒以后输出一次“我是setTimeout定时器”,

为了让定时器停下来我们需要使用清除定时器

clearTimeout(); //清除setTimeout定时器 clearInterval(); //清除setInterval定时器 

用一个小demo来看下

 
   
    
     
     
      
      
     
    
  

当我们点击清除定时器时,定时器功能失效

需要注意的是,我们清除清时期不仅是为了暂停将定时器功能,还有一个就是释放内存。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/228580.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午6:41
下一篇 2026年3月16日 下午6:42


相关推荐

  • vue全局变量即时刷新

    vue全局变量即时刷新问题 起初用 Vue prototype xxx 方式使用全局变量 但是当遇到页面之间跳出又跳转回来 全局变量存在不及时刷新问题 解决 采用 vuex 设置全局变量新建 store index js 目录 index js 内容 importVuefro vue importVuexfr vuex Vue use Vuex conststore

    2026年3月20日
    2
  • JAVA8 Stream学习

    JAVA8 Stream学习

    2021年11月12日
    54
  • centos安装mysql客户端安装_CENTOS安装MYSQL

    centos安装mysql客户端安装_CENTOS安装MYSQL1[root@localhost~]#yuminstallmysql-server注意:此处错误提示为安装失败。原因:CentOS7自带有MariaDB而不是MySQL,MariaDB和MySQL一样也是开元的数据库解决方案:如果必须要安装MySQL,首先必须添加mysql社区repo通过输入命令:sudorpm-Uvhhttp://dev.mysql.com/get/mysql-c…

    2022年6月26日
    29
  • 5分钟,6行代码教你写爬虫!(python)[通俗易懂]

    5分钟,6行代码教你写爬虫!(python)[通俗易懂]5分钟,6行代码教你写会爬虫!适用人士:对数据量需求不大,简单的从网站上爬些数据。好,不浪费时间了,开始!先来个例子:输入以下代码(共6行)importrequestsfromlxmlimporthtmlurl=’https://movie.douban.com/’#需要爬数据的网址page=requests.Session().get(url)tree=html.f

    2022年6月7日
    51
  • 思科配置VLAN的实例

    思科配置VLAN的实例在我们上面的环境,是一个传统的网络,所有的主机都在一个广播域地址,正是这个原因,使得网络当中的广播包,给整个网络带来巨大的压力。总之,在这种情况下,同一个vlan的主机可以通信,不同一个vlan的主机不可以通信。pc2和pc4同属vlan20,(同一个vlan的主机可以通信)VLAN就是虚拟局域网的意思,它的特点是灵活性高,可扩展性高。好了,我们有关于思科配置VLAN的实例就到这里了,谢谢大家。在sw1上将相应的接口加入到相应的vlan,(在sw2上将相应的接口加入到相应的vlan,(…

    2026年1月24日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号