1.setTimeout与setInterval的区别

  setTimeout:

    1.直接使用的话,按照指定 的时间,只执行一次传入的函数参数。

    2.函数的终止使用clearTimeout。

  setInterval:

    1.直接使用的话,按照指定的时间,循环执行传入的函数参数
    2.函数的终止使用clearInterval。

2.setTimeout与setInterval的用法

  setsetTimeout:

    1.直接使用:setsetTimeout(function(data){},1000,param1);

       使用时可以传入多个个参数,参数的作用如下。

          1.code/function 必需。要调用一个代码串,也可以是一个函数。

          2.’milliseconds 可选。执行或调用 code/function 需要等待的时间,以毫秒计。默认为 0。

          3.param1, param2, ... 可选。 传给执行函数的其他参数(IE9 及其更早版本不支持该参数)。

    2.使用变量调用,并终止setsetTimeout用法。

      

var myVar;

function myFunction() {
myVar = setTimeout(function(){ alert("Hello") }, 3000);
} function myStopFunction() {
clearTimeout(myVar);
}

  setInterval

    1.直接使用:setInterval(function, milliseconds, param1, param2, ...);

       使用时可以传入多个个参数,参数的作用如下。

          1.code/function 必需。要调用一个代码串,也可以是一个函数。

          2.’milliseconds 可选。执行或调用 code/function 需要等待的时间,以毫秒计。默认为 0。

          3.param1, param2, ... 可选。 传给执行函数的其他参数(IE9 及其更早版本不支持该参数)。

    2.使用变量调用,并终止setInterval用法。

      

var myVar = setInterval(function(data){ }, 1000);

function myStopFunction() {
clearInterval(myVar);
}

3.setTimeout实现setInterval功能并实现自我终止

  

var myVar,i=0;

function myFunction() {
myVar = setTimeout(function(){
    i++;
    if(i>21){
      myStopFunction     }else{
      mayVar
    }
  }, 3000);
}

function myStopFunction() {
clearTimeout(myVar);
}

js,setTimeout与setInterval的用法的更多相关文章

  1. js setTimeout和setInterval区别

    1.区别 2.示例代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset=&qu ...

  2. js:setTimeout 与 setInterval 比较

    在javascript中有两个非常有用的函数:setTimeout 和setInterval ,都是定时器:但是两者存在着一些区别: 1. setTimeout函数 用法:setTimeout(fn, ...

  3. js setTimeout 与 setInterval 以及 for 循环 刷新UI

    1. setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式:执行一次: 如果需要执行多次,自身再次调用 setTimeout(): 示例:无穷循环并带停止按钮的 <html&g ...

  4. js setTimeout 和 setInterval 区别

    setTimeout和setInterval的语法相同.它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码.不过这两个函数还是有区别的 ...

  5. setTimeout()和setInterval()的用法

    JS里设定延时: 使用SetInterval和设定延时函数setTimeout 很类似.setTimeout 运用在延迟一段时间,再进行某项操作. setTimeout("function& ...

  6. setTimeout()与setInterval()

    一.setTimeout与setInterval的用法(http://www.css88.com/archives/5804) setTimeout是超时调用,javascript是一个单线程的解析器 ...

  7. 原生js轮播以及setTimeout和setInterval的理解

    下面这个代码是从一个群下载下来的,为了帮助自己理解和学习现在贴出来,与初学者共勉. <!DOCTYPE html> <html> <head> <meta c ...

  8. Javascript的setTimeOut()和setInterval()的定时器用法

    Javascript用来处理延时和定时任务的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请 ...

  9. 关于js中的setTimeout和setInterval

    http://ejohn.org/blog/how-javascript-timers-work 这是John的一篇博文说到setTimeout和setInterval的区别,在看js高效图形编程的时 ...

随机推荐

  1. scss-@extend

    @extend指令用于共享规则和选择器之间的关系.它可以扩展所有其他类的样式在一个类中,也可应用于自己特定的样式. 查看如下scss@extend示例: .style{ font-size: 30px ...

  2. 2018.10.17NOIP模拟赛解题报告

    心路历程 预计得分:\(100 + 100 +100\) 实际得分:\(100 + 100 + 60\) 辣鸡模拟赛.. 5min切掉T1,看了一下T2 T3,感觉T3会被艹爆因为太原了.. 淦了20 ...

  3. 30 Excellent WordPress Video Tutorials

    http://sixrevisions.com/wordpress/30-excellent-wordpress-video-tutorials/ WordPress是一种使用PHP语言开发的博客平台 ...

  4. 转:ArcInfo数据格式介绍

    ArcInfo常用以下格式的数据:shp.Coverage..Raster CAD和Geodatabase.各种数据的组织形式不一样,其中shp.Coverage.Raster.CAD为文件类型,Ge ...

  5. TortoiseGit客户端安装及使用(上传代码到git@osc

    用TortoiseGit客户端之前要下载安装git http://git-scm.com/download/win 下载完安装完就可以了,之后好像就用不上了,全交给TortoiseGit客户端了 第一 ...

  6. 对于在gti操作遇见detached Head时

    1.什么是detached HEAD 在git中,这是一个处于”游离“状态的标签 2.使用git branch <new_branch_name> <HEAD_code> 为这 ...

  7. java调优参数记录

    java -server -Xms1024m -Xmx2048m -XX:+UseParallelGC -XX:+UseG1GC -XX:ParallelGCThreads=4 -XX:+UsePar ...

  8. 每天一个linux命令-uname,输出操作系统信息(内核版本、硬件架构32位/64位等)

      uname命令:主要用于输出一组操作系统的信息. 这个命令比较简单也比较有意思.为什么这么说呢?输入--help后看看效果,一目了然,简单吧: 首先输出完整信息: 我们再依次来输出一下: 最后,我 ...

  9. jQuery Event.stopImmediatePropagation() 函数详解

    stopImmediatePropagation()函数用于阻止剩余的事件处理函数的执行,并防止当前事件在DOM树上冒泡. 根据DOM事件流机制,在元素上触发的大多数事件都会冒泡传递到该元素的所有祖辈 ...

  10. .NET部分知识点整理

    .Net学习 Visual Studio2018 企业版:NJVYC-BMHX2-G77MM-4XJMR-6Q8QF 专业版:KBJFW-NXHK6-W4WJM-CRMQB-G3CDH 开发工具常用V ...