首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 范文大全 > 正文

    [理解javascript定时器中的setTimeout与setInterval]javascript 定时器

    时间：2020-03-28来源：山茶花美文网 本文已影响 人 山茶花美文网手机站

    一、解释说明

    1、概述

    setTimeout：在指定的延迟时间之后调用一个函数或者执行一个代码片段

    setInterval：周期性地调用一个函数(function)或者执行一段代码。

    2、语法

    setTimeout：

    var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]); var timeoutID = window.setTimeout(code, delay); timeoutID 是该延时操作的数字ID, 此ID随后可以用来作为window.clearTimeout方法的参数 func 是你想要在delay毫秒之后执行的函数 code 在第二种语法,是指你想要在delay毫秒之后执行的代码 delay 是延迟的毫秒数 (一秒等于1000毫秒),函数的调用会在该延迟之后发生.但是实际的延迟时间可能会稍长一点 标准浏览器与IE10支持第一种语法中向延迟函数传递额外参数的功能

    setInterval

    var intervalID = window.setInterval(func, delay[, param1, param2, ...]); var intervalID = window.setInterval(code, delay); intervalID 是此重复操作的唯一辨识符，可以作为参数传给clearInterval()。 func 是你想要重复调用的函数。 code 是另一种语法的应用，是指你想要重复执行的一段字符串构成的代码 delay 是每次延迟的毫秒数 (一秒等于1000毫秒)，函数的每次调用会在该延迟之后发生。和setTimeout一样，实际的延迟时间可能会稍长一点。 标准浏览器与IE10支持第一种语法中向延迟函数传递额外参数的功能

    理解javascript定时器中的setTimeout与setInterval1

    理解javascript定时器中的setTimeout与setInterval2

    简单测试了下第五条，在我的电脑上面分别使用firefox与IE9测试，前者可以顺利弹出ok，后者弹出了undefined。

     二、“this”问题

    由setTimeout()调用的代码运行在与所在函数完全分离的执行环境上. 这会导致,这些代码中包含的 this 关键字会指向 window (全局对象)对象,这和所期望的this的值是不一样的。setInterval的情况类似。

    理解javascript定时器中的setTimeout与setInterval3

    没有被传进去，分别用chrome，firefox和IE9实验了下，都是这个结果。

    解决方法一：

    设置一个局部变量_this，然后放到setTimeout的函数变量中，timer执行call或apply，设置this值。

    function能够调用局部变量_this，多亏了Javascript的闭包。里面涉及了作用域链等知识，有兴趣的可以自己去了解下，这里不展开了。

    解决方法二：

    这个方法有点高大上。自定义了setTimeout与setInterval。而且还扩展了低版本的IE浏览器，不支持向延迟函数传递额外参数的问题。

    1、设置局部变量，赋值为原生的setTimeout与setInterval

    2、扩展setTimeout与setInterval，aArgs通过分割arguments这个变量，获取到额外的参数数组

    3、用vCallback instanceof Function判断这是不是一个函数或代码，如果是函数就用apply执行

    4、setTimeout用call执行，设定this对象，以及其它的func、delay等参数

    5、顺便扩展setTimeout，IE低版本的浏览器也能执行额外参数

     三、setTimeout与setInterval之间的一个区别

    看上去，两个功能是差不多的，但是里面其实是不一样的。

    setTimeout回调函数的执行和上一次执行之间的间隔至少有100ms（可能会更多，但不会少于100ms）

    setInterval的回调函数将尝试每隔100ms执行一次，不论上次是否执行完毕，时间间隔理论上是会

    • [理解javascript定时器中的setTimeout与setInterval]javascript 定时器 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文[理解javascript定时器中的setTimeout与setInterval]javascript 定时器由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.