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

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

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

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


相关推荐

  • eclipse集成svn使用_svn常用命令

    eclipse集成svn使用_svn常用命令在新版本的Eclipse中是没有svn这个插件,如果我们要用,不得不自己去集成SVN(我不知道老版当中有没有这个插件,没太注意这个问题),今天给大家带来2种集成的方式,一种是在线集成,另一种否是离线集成。这也是我目前知道的2种方案,我也不清楚还有没有其它方案。1.在线集成:Name:这个可以任意添,没有硬性规定,最好见名知意。Location:http://subclipse.tigris.org…

    2022年9月26日
    3
  • 向自增长表中插入数据可使用default填充自增长字段

    向自增长表中插入数据可使用default填充自增长字段向自增长表中插入数据可使用default填充自增长字段

    2022年4月23日
    41
  • vscode配置java开发环境_windows10

    vscode配置java开发环境_windows10VSCode配置JAVA开发环境windows2020(傻瓜式)下载安装下载今天想用vscode配置Java,结果网上的教程把我看傻了,一个比一个复杂,又是setting.json,又是添加路径的。其实一个链接就能搞定Windows官方VScodeJava环境配置下载完成后,双击点开点击next这里会检测你有没有安装JDK和VScode,安装了就会显示installed,没安装他会提示你安装点击install然后打开VScode随便点开一段代码publicclass

    2022年9月26日
    5
  • matlab函数plot函数_动态变量

    matlab函数plot函数_动态变量引子对于真实系统或者仿真平台,数据是增量式的产生的。Matlab除了强大的矩阵运算外,还具有强大的数据可视化库。由于静态画图的方法较多,本文只针对增量式数据流的动态显示。本文主要介绍几种Matlab实现数据的动态显示方法。方法主要有两种:holdonset函数与drawnow函数组合holdon方法1.方法介绍此种方法比较原始,适合于即时数据,原理是先画上一帧,接着保留原始图像,

    2022年10月10日
    3
  • java程序设计实验报告_java程序设计基础实验报告

    java程序设计实验报告_java程序设计基础实验报告前言一般我们写接口自动化的时候,遇到复杂的逻辑,都会调用API方法来满足前置条件,Pytest的特性是无法用例之间相互调动的,我们一般只调用自己封装的API方法。而httprunner支持用例之间

    2022年8月6日
    5
  • Centos7 安装yum源

    Centos7 安装yum源参考链接:https://www.cnblogs.com/guanbin-529/p/11980400.html一、安装wget的rpm包:1、下载wget的rpm包:首先去http://mirrors.163.com/centos/7/os/x86_64/Packages/下找到wget的rpm包,复制链接,使用curl命令下载:curlhttp://mirrors.163.com/centos/7/os/x86_64/Packages/wget-1.14-18.el7_6

    2022年6月4日
    195

发表回复

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

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