位置: 编程技术 - 正文

理解javascript定时器中的setTimeout与setInterval(js定义类的三种方法)

编辑:rootadmin

推荐整理分享理解javascript定时器中的setTimeout与setInterval(js定义类的三种方法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript的定义,javascript定义方法,javascript函数如何定义及其作用,javascript定律,javascript函数如何定义及其作用,javascript的理解,js定义方法的几种方式,javascript的理解,内容如对您有帮助,希望把文章链接给更多的朋友!

一、解释说明

1、概述

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

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

2、语法

setTimeout:

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

setInterval

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

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

二、“this”问题

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

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

解决方法一:

理解javascript定时器中的setTimeout与setInterval(js定义类的三种方法)

设置一个局部变量_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回调函数的执行和上一次执行之间的间隔至少有ms(可能会更多,但不会少于ms)

setInterval的回调函数将尝试每隔ms执行一次,不论上次是否执行完毕,时间间隔理论上是会<=delay的。

setInterval:

从firefox的firebug可以查看到,时间间隔很不规则。

情况大致是这样的:由于count函数的执行时间远大于setInterval的定时间隔,那么定时触发线程就会源源不断的产生异步定时事件,并放到任务队列尾而不管它们是否已被处理,但一旦一个定时事件任务处理完,这些排列中的剩余定时事件就依次不间断的被执行。

setTimeout:

标签: js定义类的三种方法

本文链接地址:https://www.jiuchutong.com/biancheng/380425.html 转载请保留说明!

上一篇:Web开发必知Javascript技巧大全(javaweb开发技术有哪些)

下一篇:Bootstrap创建可折叠的组件(怎么用bootstrap搭建网站)

  • 股份公司解散是什么?
  • 销售净收入咋算
  • 以经营房产投资合营收固定收益如何开发票?
  • 买手机手续费怎么算
  • 高新技术认定研发费用要求
  • 单位借款是否纳税
  • 预算基数是什么
  • 企业一直亏损但是汇算清缴调增
  • 企业安全生产费用提取标准 最新
  • 典当行借贷属于民间借贷吗
  • 小企业营业外收入明细
  • 长期借款产生的利息计入哪个科目
  • 国税对个体户征收哪些税?
  • 企业租车费可以抵扣吗
  • 不涉及税收
  • 财政返还政策
  • 财税[2010]121号中的宗地容积率指的是什么?
  • 企业合同约定调岗不接受辞退没赔偿成立吗
  • 企业向学校捐赠 流程
  • 反向吸收合并账务处理
  • 企业存货跌价准备一经计提在以后会计期间不得转回
  • 餐饮行业固定资产界定
  • 其他公司垫付货款合法吗
  • 给外国教授发邮件最后一句
  • win7无法使用管理员权限
  • 2020快手怎么删除
  • 清除文件夹exe病毒工具
  • w10触摸键盘
  • 为什么入账价值不包括增值税
  • 苹果充电宝怎么验真假
  • php面向对象详解
  • php将数字转为字符串
  • php新手入门
  • html怎么引入图片
  • 客户多付的货款叫什么
  • javaweb入门简单小项目
  • 库存现金清零
  • vue生命周期钩子函数
  • 选择相邻兄弟需要使用下列哪个符号
  • 赔偿金需要交税么
  • python frames
  • wordpress站点地址如何设置
  • 为什么盈余公积减少,未分配利润增加
  • 织梦logo怎么更换
  • 汽油费入什么会计分录
  • 企业的净资产包括固定资产吗
  • 增值税发票抵扣联的作用
  • 小型微利企业的认定标准2023年
  • 净值是原值减去折旧吗?
  • 农业发展公司有没有库存商品的
  • 建筑行业现在还能斤不
  • 商场返券计算公式
  • 销项负数发票是红字发票吗
  • 如何填写出售固定资产表
  • 公司股东为另一家公司全股
  • 补缴以前年度企业所得税分录怎么写
  • 现金折扣与商业折扣的计算
  • 保险公司会计的特点
  • 物流行业会计的工作内容
  • 纳税人虽设置账簿,但账目混乱
  • msde安装1秒不动了
  • 简单介绍linux系统有哪些主要特点?
  • windows8怎么用
  • 微软停止对xp的操作
  • linux内容查找
  • 安装win7系统后进不了系统
  • PSof1.exe - PSof1是什么进程 有什么作用
  • 麒麟系统命令
  • cocos2dx ActionManager播放动画回调问题
  • jqgrid动态增加列
  • javascript的理解
  • python怎么调用shell脚本
  • 教你怎样用气球做可爱小兔子气球君带你做气球手工
  • python的redis
  • python编写简单的计算器加减乘除
  • 广东省电子税务局电话
  • 成都税务企业号公众号
  • 税务局监制的收据哪里买
  • 黑龙江国税电子税务局官网登录
  • 湖北中税网控股股份有限公司
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设