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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • python学习–mac 下pycharm安装激活成功教程

    python学习–mac 下pycharm安装激活成功教程pycharm下载路径:http://www.https://www.jetbrains.com/pycharm/pycharm社区版:https://www.cr173.com/soft/752801.htmlpycharm激活成功教程:(1)hosts文件路径:sudovim/etc/hosts(2)将0.0.0.0account.jetbrains.com添加到hosts文件中…

    2022年8月28日
    2
  • sqlserver截断字符和二进制数据_SQL异常字符串截断

    sqlserver截断字符和二进制数据_SQL异常字符串截断错误信息提示:  Java代码  Error! [8152]System.Data.SqlClient.SqlException: 将截断字符串或二进制数据。语句已终止。   原因:增加的数据类型与数据库中字段所定义的不符。 解决方法:1、修改数据库字段大小;2、加强数据强壮性,严格的输入判断。 防止添加的信息类型或者长度与数据库表中字段所对应的类型不符合。…

    2022年10月6日
    1
  • 三. ASP NET MVC

    三. ASP NET MVC1.使用Partial视图模板可以消除重复的视图逻辑,简化代码。1)Createapartialview(.ascx)文件,把要重复使用的代码拷贝到里面。2)在主页面里面,修改为Html.RenderPartial(“DinnerForm”).  2.修改Master页面(Site.master)//View/Shared提供了一个非常有效的方法在

    2022年7月22日
    15
  • 谷歌地图 离线地图_地图谷歌高清手机版

    谷歌地图 离线地图_地图谷歌高清手机版离线地图解决方案,除了买地图数据,使用专业的ArcGIS来做外,也可以使用GMap.Net来做。关于GMap的开发教程,可以看我以前的文章:基于GMap.Net的地图解决方案使用了GMap一年了,也有了一些积累,开发了一个可以下载ArcGIS、百度、谷歌、高德、腾讯SOSO、天地图、Here等地图的地图下载器。百度和google地图加载显示如下:百度普通地图:百度混合地图:…

    2022年9月20日
    4
  • 哈佛大学公开课-幸福课-个人笔记

    哈佛大学公开课-幸福课-个人笔记b站视频链接十一讲:养成良好习惯舒适区拉升区 慢慢的做出改变,一步步来。暴力区人的一生一般都是在舒适区度过的,你要让自己适度的走出然后走进拉升区。自律是有一定量的是有限的,用了可能就没有了,需要时间来恢复。我们不可能拥有很多自律,但同时自律也不是那么重要。老师比喻:1.AB—-榨菜与巧克力,A是巧克力-榨菜,B榨菜-巧克力 最后是A先吃了榨菜,因为A在克制自己不…

    2022年7月18日
    16
  • div 环形排列_三个div如何并排

    div 环形排列_三个div如何并排javascript-按圆形排列DIV元素(一)分析效果图:一、分析图:绿色边框内:外层的DIV元素,相对定位;白色圆形框:辅助分析的想象形状;白点:为白色圆形的圆心点,中心点,点o;圆

    2022年8月1日
    3

发表回复

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

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