js定时器

js定时器window.setTimeout(code,millisec);//在指定时间后运行window.setInterval(code,millisec);//每过指定时间就运行一次。具体写法如下

大家好,又见面了,我是你们的朋友全栈君。

window.setTimeout(code,millisec); //在指定时间后运行
window.setInterval(code,millisec);//每过指定时间就运行一次。

具体写法如下

  1. 函数名,不带参数

setTimeout (test,1000);           //1秒后执行

  1. 字符串,可以执行的代码

setTimeout (‘test()’,1000);       //1秒后执行

 

  1. 匿名函数

setTimeout (function(){},1000);   //1秒后执行

注:setInterval的用法与setTimeout一样

 

  1. 调用函数,带参数

setTimeout (‘test(参数)’,1000);      //1秒后执行

注:如果不小心写成了setTimeout (test(参数),1000);test方法就会立即执行哦。

<span role="heading" aria-level="2">js定时器

 

 二、清除定时器

  由于定时器在调用时,都会返回一个整形的数字,该数字代表定时器的序号,即第多少个定时器,所以定时器的清除要借助于这个返回的数字。

   定时器清除的方法:clearTimeout(obj)和clearInterval(obj)。

   要清除定时器,就必须在用定时器的时候,定义一个变量来记录定时器的返回值。如下:

//setTimeout 1000ms后执行1次
var test1 = setTimeout(function(){
    //your codes
},1000);
 
//setInterval 每隔1000ms执行一次
var test2 = setInterval(function(){
   //your codes
},1000)
 
//清除Timeout的定时器,传入变量名(创建Timeout定时器时定义的变量名)
clearTimeout(test1);
 
//清除Interval的定时器,传入变量名(创建Interval定时器时定义的变量名)
clearInterval(test2);

 注:有时候在写的时候,还会习惯将清空的定时器的变量置空,这样写既可以释放内存,也可以便于后边代码的判断。

原文链接:https://www.h5anli.com/articles/201705/setimeone.html

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/154499.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 文本相似度计算_文本相似度分析算法

    文本相似度计算_文本相似度分析算法这篇文档简单介绍一下Simhash算法一.Simhash计算文档相似度的算法,比如用在搜索引擎的爬虫系统中,收录重复的网页是毫无意义的,只会造成存储和计算资源的浪费。有时候我们需要处理类似的文档,比如新闻,很多不同新闻网的新闻内容十分相近,标题略有相似。如此问题,便可以应用Simhash文档相似度算法,查看两篇文档相似程度,删去相似度高的web文档。二.

  • nginx https 开发 DAT/UAT环境配置

    nginx https 开发 DAT/UAT环境配置server{listen443;server_namedev-mosale.gblfy.com.cn;sslon;#root/home/klapp;indexindex.htmlindex.htm;ssl_certificate/home/lklapp/gblfy.com.cn_bundle.crt;ssl_certificate_key/home/lklapp/gblfy.com.cn.key;s

  • 【HTML基础】CSS样式表「建议收藏」

    【HTML基础】CSS样式表「建议收藏」1.理解HTML与CSS各自的功能及配合原则;2.掌握HTML与CSS的三种组合方式。

  • linux生成license,License生成秘钥

    linux生成license,License生成秘钥一License简介开发的软件产品在交付使用的时候,往往会授权一段时间的试用期,这个时候license就派上用场了。不同于在代码中直接加上时间约束,需要重新授权的时候使用license可以避免修改源码,改动部署,授权方直接生成一个新的license发送给使用方替换掉原来的license文件即可。下面将讲述使用truelicense来实现license的生成和使用。Truelicense是一个开…

  • 《Linux Device Drivers》第十章 中断处理——note

    《Linux Device Drivers》第十章 中断处理——note

  • pycharm调试python_pycharm调试快捷键

    pycharm调试python_pycharm调试快捷键最全设置资料,请见:http://www.cnblogs.com/tsingke/p/7392800.htmlPyCharm简介:PyCharm是由JetBrains打造的一款PythonIDE,VS2010的重构插件Resharper就是出自JetBrains之手。同时支持GoogleAppEngine,PyCharm支持IronPython。这些功能在先进代码分…

发表回复

您的电子邮箱地址不会被公开。

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