JavaScript定时器与清除定时器

JavaScript定时器与清除定时器定时器 清除定时器

setTimeout定时器

window.setTimeout(调用函数,延时时间);

        1.这个window在调用的时候可以省略

        2.这个延时时间单位是毫秒 但是可以省略,如果省略默认的是0

        3.这个调用函数可以直接写函数 还可以写 函数名

        4.页面中可能有很多的定时器,我们经常给定时器加标识符

 setTimeout(function(){ console.log('你好'); },2000);//2秒后才在控制台输出 你好

JavaScript定时器与清除定时器

 setInterval定时器

window.setInterval(调用函数,延时时间);

        1. window可以省略

        2.这个调用函数可以直接写函数,或者写函数名或者采取字符串’函数名0’三种形式。

        3.间隔的毫秒数省略默认是О,如果写,必须是毫秒,表示每隔多少毫秒就自动调用这个函数。

        4.因为定时器可能有很多,所以我们经常给定时器赋值一个标识符。

 setInterval(function(){ console.log('你好'); },2000)//每隔2秒在控制台输出一次你好,不清除定时器会一直运行

 JavaScript定时器与清除定时器

 clearTimeout清除定时器

从单词就可以看出clearTimeout是用来清除第一种定时器的;

需要给需要清除的定时器起个名字;

语法:clearTimeout(定时器的名字)

 var timer = setTimeout(function() { console.log('你好!'); },5000); clearTimeout(timer);//上面一个定时器就不会在执行程序

clearInterval清除定时器

跟上面一个定时器一样,用来清除setInterval定时器的,

也需要给定时器起一个名字,

语法:clearInterval(定时器的名字)

 var times = setInterval(function(){ console.log('你好!'); },1000); setTimeout(function(){ clearInterval(times); //5秒后清除定时器 },5000);

 

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • FASTAI-fastai 学习笔记——lesson1[通俗易懂]

    FASTAI-fastai 学习笔记——lesson1[通俗易懂]fastai学习笔记——lesson10-重要的参考网站课程一详细笔记(https://github.com/hiromis/notes/blob/master/Lesson1.md)课程一视频(https://www.bilibili.com/video/av41718196/?p=1)课程一源码(https://github.com/fastai/course-v3/blob…

    2022年9月7日
    2
  • myBatis源码学习之SqlSessionFactory

    myBatis源码学习之SqlSessionFactory/***Createsan{@linkSqlSesion}outofaconnectionoraDataSource**@authorClintonBegin*///SqlSessionFactory接口,通过openSession方法获得SQLSessionpublicinterfaceSqlSessionFactory{SqlS

    2022年5月11日
    36
  • 如何查看linux操作系统版本号_如何查看centos版本

    如何查看linux操作系统版本号_如何查看centos版本Linux系统自问世后,产生了各种分支,目前主流的操作系统版本有reahat,Centos,Ubuntu,debian,Suselinux等,不同操作系统命令上也稍有区别,那么在linux主机上,我们怎么查看操作系统的版本号呢?工具/原料 xshell6 Centos7 方法/步骤 方式一:通过命令cat/etc/redhat-release,主要针对redhat系列,redhat,centos都可以通过此命令查看。 方式二:如下方法即可查看操作系统版本,

    2022年9月15日
    2
  • pcm设备相关代码解析

    pcm设备相关代码解析介绍并解析了 tinyalsa 中与 pcm 设备相关的部分

    2025年9月4日
    0
  • Unity AssetBundle介绍

    Unity AssetBundle介绍1.什么是AssetBundle?AssetBundle是一种资源压缩包。资源打包AssetBundle有两个好处:减小安装包的大小,资源可以在进入游戏时候,网络下载。 热更资源,方便修复线上资源问题引起的Bug,或新增加游戏内容。AssetBundle分为两种类型:场景AssetBundle&非场景AssetBundle。2.AssetBundle结构2.1As…

    2022年6月18日
    33
  • android之选择联系人并返回电话号码

    在跟着这个教程联系的时候,它所用到的选择联系人方式是自己从数据库里把联系人读取出来,然后用listview显示,选择后返回手机号码,这样做在点击选择联系人的时候,需要时间去加载,并且显示出来的联系人好像并不全,总之感觉不好,想通过调用系统联系人的方式选择,不用自己去处理界面。结果还不错:MainActivity:package jason.pickcontact;imp

    2022年3月11日
    34

发表回复

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

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