js定时器出现第一次延迟的原因及解决方法


Posted in Javascript onJanuary 04, 2021

我们在使用js定时器,经常会出现间隔几秒获取一次数据,这是通过setInterval实现的。而且如果setInterval() 参数传递不当,定时器会延迟试行。本文向大家介绍js定时器第一次延迟的原理及实现过程。

setInterval()

作用是在播放动画的时,每隔一定时间就调用函数、方法或对象。

语法

setInterval(function(),time); 单位是毫秒

注意:单位是毫秒

定时器第一次延迟执行:采用setInterval实现

var t = setInterval(scrollTop,2500);
function scrollTop(){
 // ...
}

js setInterval第一次执行时存在延迟的解决方法

在使用setInterbal(function,delayTime)方法时,发现它会为函数的第一次调用也做延迟。一般我们都是第一次立即调用,然后延迟调用。我的解决方法如下:

需要延迟调用的函数:
  function callinSound(){
  	var callin=$('#callin')[0];
  	callin.load();
  	callin.play();
  	//第一次执行完成后返回这个函数
  	return callinSound;
  }
调用方:setInterval(callinSound(),6000);
首先,调用callinSound()方法,然后延迟执行。

到此这篇关于js定时器出现第一次延迟的原因及解决方法的文章就介绍到这了,更多相关js定时器为什么会出现第一次延迟内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
Javascript 判断客户端浏览器类型代码
Mar 01 Javascript
javascript Array.prototype.slice的使用示例
Nov 14 Javascript
分享一个自己动手写的jQuery分页插件
Aug 28 Javascript
JavaScript中window.showModalDialog()用法详解
Dec 18 Javascript
Knockoutjs 学习系列(二)花式捆绑
Jun 07 Javascript
Bootstrap实现登录校验表单(带验证码)
Jun 23 Javascript
轻松掌握JavaScript中介者模式
Aug 26 Javascript
jquery仿苹果的时间/日期选择效果
Mar 08 Javascript
想用好React的你必须要知道的一些事情
Jul 24 Javascript
父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法
Apr 25 Javascript
Vue实现附件上传功能
May 28 Javascript
使用compose函数优化代码提高可读性及扩展性
Jun 16 Javascript
JavaScript实现页面高亮操作提示和蒙板
Jan 04 #Javascript
js正则表达式简单校验方法
Jan 03 #Javascript
vue+vant 上传图片需要注意的地方
Jan 03 #Vue.js
vue调用微信JSDK 扫一扫,相册等需要注意的事项
Jan 03 #Vue.js
vue中使用echarts的示例
Jan 03 #Vue.js
vue 动态生成拓扑图的示例
Jan 03 #Vue.js
Vue中强制组件重新渲染的正确方法
Jan 03 #Vue.js
You might like
PHP编程网上资源导航
2006/10/09 PHP
php 截取字符串并以零补齐str_pad() 函数
2011/05/07 PHP
PHP命名空间(namespace)的使用基础及示例
2014/08/18 PHP
php实现根据词频生成tag云的方法
2015/04/17 PHP
php函数mkdir实现递归创建层级目录
2016/10/27 PHP
php版阿里云OSS图片上传类详解
2016/12/01 PHP
Yii框架ACF(accessController)简单权限控制操作示例
2019/04/26 PHP
由浅到深了解JavaScript类
2006/09/08 Javascript
jquery 事件执行检测代码
2009/12/09 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
2012/03/10 Javascript
基于jQuery的倒计时实现代码
2012/05/30 Javascript
HTTP 304错误的详细讲解
2013/11/13 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
2015/09/15 Javascript
每天一篇javascript学习小结(RegExp对象)
2015/11/17 Javascript
Angular的自定义指令以及实例
2016/12/26 Javascript
五分钟搞懂Vuex实用知识(小结)
2019/08/12 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
2019/09/12 Javascript
关于angular引入ng-zorro的问题浅析
2020/09/09 Javascript
[00:57]英雄,你的补给到了!
2020/11/13 DOTA
详解Python网络爬虫功能的基本写法
2016/01/28 Python
机器学习10大经典算法详解
2017/12/07 Python
Python 读取用户指令和格式化打印实现解析
2019/09/02 Python
在pycharm中创建django项目的示例代码
2020/05/28 Python
基于Python的图像阈值化分割(迭代法)
2020/11/20 Python
医疗保健专业人士购物网站:Scrubs & Beyond
2017/02/08 全球购物
Burberry英国官网:英国标志性奢侈品牌
2017/03/29 全球购物
英国计算机产品零售商:Novatech(定制个人电脑、笔记本电脑、工作站和服务器)
2018/01/28 全球购物
一套带答案的C++笔试题
2014/01/10 面试题
财务管理专业推荐信
2013/11/19 职场文书
大学生专科学习生活的自我评价
2013/12/07 职场文书
护理专业自我鉴定
2014/01/30 职场文书
结婚保证书范文
2014/04/29 职场文书
快递员岗位职责
2014/09/12 职场文书
2014年商场工作总结
2014/11/22 职场文书
幼儿园小班开学寄语
2015/05/27 职场文书
php修改word的实例方法
2021/11/17 PHP