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中的this指针
Mar 18 Javascript
JS保留两位小数 四舍五入函数的小例子
Nov 20 Javascript
node.js中的fs.utimes方法使用说明
Dec 15 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
Mar 16 Javascript
jQuery实现的仿select功能代码
Aug 19 Javascript
Javascript之BOM(window对象)详解
May 25 Javascript
老生常谈js动态添加事件--- 事件委托
Jul 19 Javascript
bootstrap datetimepicker2.3.11时间插件使用
Nov 19 Javascript
微信小程序 配置文件详细介绍
Dec 14 Javascript
vue 2.0组件与v-model详解
Mar 27 Javascript
bootstrap table支持高度百分比的实例代码
Feb 28 Javascript
VueJs里利用CryptoJs实现加密及解密的方法示例
Apr 29 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提交表单时判断 if($_POST[submit])与 if(isset($_POST[submit])) 的区别
2011/02/08 PHP
XAMPP安装与使用方法详细解析
2013/11/27 PHP
THINKPHP支持YAML配置文件的设置方法
2015/03/17 PHP
PHP Smarty模版简单使用方法
2016/03/30 PHP
php模拟post上传图片实现代码
2016/06/24 PHP
有效的捕获JavaScript焦点的方法小结
2009/10/08 Javascript
jquery下json数组的操作实现代码
2010/08/09 Javascript
javascript scrollTop正解使用方法
2013/11/14 Javascript
3个可以改善用户体验的AngularJS指令介绍
2015/06/18 Javascript
javascript控制层显示或隐藏的方法
2015/07/22 Javascript
分享10个优化代码的CSS和JavaScript工具
2016/05/11 Javascript
JavaScript兼容浏览器FF/IE技巧
2016/08/14 Javascript
浅谈Node.js:Buffer模块
2016/12/05 Javascript
d3.js入门教程之数据绑定详解
2017/04/28 Javascript
bootstrap table使用入门基本用法
2017/05/24 Javascript
JS SetInterval 代码实现页面轮询
2017/08/11 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
2018/09/15 Javascript
BootstrapValidator验证用户名已存在(ajax)
2019/11/08 Javascript
python排序方法实例分析
2015/04/30 Python
Python基于pygame实现的弹力球效果(附源码)
2015/11/11 Python
python结合API实现即时天气信息
2016/01/19 Python
浅析Python四种数据类型
2018/09/26 Python
Python之lambda匿名函数及map和filter的用法
2019/03/05 Python
TensorFlow实现简单的CNN的方法
2019/07/18 Python
什么是Python变量作用域
2020/06/03 Python
Jupyter安装链接aconda实现过程图解
2020/11/02 Python
Eyeko美国:屡获殊荣的睫毛膏、眼线笔和眉妆
2018/07/05 全球购物
澳大利亚优惠网站:Deals.com.au
2019/07/02 全球购物
Interhome丹麦:在线预订度假屋和公寓
2019/07/18 全球购物
简历中自我评价分享
2013/10/09 职场文书
财务部出纳岗位职责
2013/12/22 职场文书
自我鉴定怎么写
2014/01/12 职场文书
冬季施工防火方案
2014/05/17 职场文书
CSS3中Animation实现简单的手指点击动画的示例
2021/07/15 HTML / CSS
Java 获取Word中所有的插入和删除修订的方法
2022/04/06 Java/Android
彻底弄懂Python中的回调函数(callback)
2022/06/25 Python