位置: 编程技术 - 正文

理解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搭建网站)

  • 汇算清缴需要做分录吗
  • 纳税登记的内容
  • 银行短期存款利息怎么算
  • 购买金税盘维护费会计分录
  • 分公司可以计提安全生产费吗
  • 去年的财务报表可以更正申报吗
  • 税款已交更正申报
  • 含税金额怎么算税额公式
  • 库存现金和银行存款的区别
  • 社会组织属于非法人组织吗为什么
  • 企业合并的被合并方会计分录
  • 经营结余年末结转
  • 有外经证的计税收入怎么算?
  • 客户预付货款会计分录
  • 进口商品不提供发票合法吗
  • 车辆生产企业目录
  • 增值税专用发票电子版
  • 公司有出账没有进账怎么办
  • 进项票已认证忘记开票
  • 应征增值税不含税销售额(3%征收率)怎么算
  • 收购全资子公司的账务处理
  • 1697510552
  • 退回社保费的会议记录
  • win7改win10详细教程
  • 免税收入要减去吗
  • 哪些固定资产不会随着时间的流逝贬值
  • 生产经营所得投资者减除费用季度申报填吗
  • 收到的销项负数要认证吗
  • 最小的电视棒是多少寸
  • php获取地理位置
  • 购买净资产为负的资产
  • php redis操作
  • 退教育附加税会计分录
  • 增长gdp是什么意思
  • Http协议之Content-Type理解
  • 智能优化算法可以用到哪里
  • 扣发工资是发还是不发
  • 发票作废发票怎么处理
  • phpipam使用
  • 营业账簿印花税申报流程
  • 履约保证金没有交足
  • 委托加工物资的成本包括
  • 对于在某一时点履行的履约义务,企业应当在客户
  • 附加税的印花税怎么计算
  • 多计提的工资怎么调账
  • 土地成本如何分摊
  • 做账财务费用负数
  • 结转固定资产清理损益的账务处理
  • 个人原因指什么
  • 大中小企业划分标准2022最新
  • 什么是定额发票图片
  • 企业注销固定资产清理税务处理
  • 无形资产的研发支出
  • Linux下mysql源码安装笔记
  • 445端口 关闭
  • win8怎么一键关机
  • ubuntu中如何设置克隆屏
  • centos禁止用户登录
  • 注册表及其作用
  • 如何重装edge
  • linux中启动服务命令
  • win7系统加内存条怎么设置
  • win10系统将IIS服务器发送到桌面快捷方式方法
  • Windows 8 Consumer Preview 中的新热键介绍
  • win10系统自带杀毒软件
  • win10 windows设置
  • 微信小程序实现留言功能
  • python module import
  • nodejs调用打印机驱动
  • jq复选框选中触发事件
  • jquery怎么给文本框赋值
  • 项目遇到的问题及解决办法
  • python一些简单操作
  • 广东增值税电子普通发票图片
  • 江苏囯税电子
  • 河南税务公众号缴费养老保险
  • 煤炭洗选工艺
  • 青岛国税服务电话
  • 国家税务总局组建千户集团税收风险分析专业团队
  • 天津市网签查询
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设