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 相关文章推荐
JS setCapture 区域外事件捕捉
Mar 18 Javascript
js 三级关联菜单效果实例
Aug 13 Javascript
jQuery搜索子元素的方法
Feb 10 Javascript
Javascript获取统一管理的提示语(message)
Feb 03 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
Feb 16 Javascript
一个仿微博登陆邮箱提示框js开发案例
Jul 28 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
Mar 07 Javascript
js使用原型对象(prototype)需要注意的地方
Aug 28 Javascript
element-ui中select组件绑定值改变,触发change事件方法
Aug 24 Javascript
详解Vue组件之作用域插槽
Nov 22 Javascript
vue-router实现编程式导航的代码实例
Jan 19 Javascript
layer.js之回调销毁对话框的例子
Sep 11 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.MVC的模板标签系统(五)
2006/09/05 PHP
php发送post请求函数分享
2014/03/06 PHP
PHP获取当前页面URL函数实例
2014/10/22 PHP
ubuntu下配置nginx+php+mysql详解
2015/09/10 PHP
理解php依赖注入和控制反转
2016/05/11 PHP
php+mysql+ajax实现单表多字段多关键词查询的方法
2017/04/15 PHP
jQuery的deferred对象使用详解
2011/08/20 Javascript
jquery ajax提交整个表单元素的快捷办法
2013/03/27 Javascript
玩转方法:call和apply
2014/05/08 Javascript
ECMAScript6中Set/WeakSet详解
2015/06/12 Javascript
JavaScript编程中布尔对象的基本使用
2015/10/25 Javascript
js文本框输入内容智能提示效果
2015/12/02 Javascript
分享两款带遮罩的jQuery弹出框
2015/12/30 Javascript
JavaScript函数节流概念与用法实例详解
2016/06/20 Javascript
100行代码理解和分析vue2.0响应式架构
2017/03/09 Javascript
js和jquery中获取非行间样式
2017/05/05 jQuery
关于Vue Webpack2单元测试示例详解
2017/08/14 Javascript
对TypeScript库进行单元测试的方法
2019/07/18 Javascript
详解Django缓存处理中Vary头部的使用
2015/07/24 Python
使用Python对IP进行转换的一些操作技巧小结
2015/11/09 Python
python各种语言间时间的转化实现代码
2016/03/23 Python
微信跳一跳python辅助脚本(总结)
2018/01/11 Python
python实现聚类算法原理
2018/02/12 Python
mac下pycharm设置python版本的图文教程
2018/06/13 Python
Python线程下使用锁的技巧分享
2018/09/13 Python
对python实现二维函数高次拟合的示例详解
2018/12/29 Python
对python实现合并两个排序链表的方法详解
2019/01/23 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
PyTorch 中的傅里叶卷积实现示例
2020/12/11 Python
微软英国官方网站:Microsoft英国
2016/10/15 全球购物
英国领先的家庭时尚品牌:Peacocks
2018/01/11 全球购物
100%有机精油,美容油:House of Pure Essence
2018/10/30 全球购物
现场施工员岗位职责
2014/03/10 职场文书
课堂教学改革实施方案
2014/03/17 职场文书
高校自主招生教师推荐信
2015/03/23 职场文书
react 路由Link配置详解
2021/11/11 Javascript