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统计用户下载网页所需时间的脚本
Oct 15 Javascript
JS基于Mootools实现的个性菜单效果代码
Oct 21 Javascript
Javascript实现苹果悬浮虚拟按钮
Apr 10 Javascript
Javascript blur与click冲突解决办法
Jan 09 Javascript
深入理解Vue 单向数据流的原理
Nov 09 Javascript
工作中常用到的ES6语法
Sep 04 Javascript
this.$toast() 了解一下?
Apr 18 Javascript
使用异步controller与jQuery实现卷帘式分页
Jun 18 jQuery
Layui实现数据表格默认全部显示(不要分页)
Oct 26 Javascript
js实现登录拖拽窗口
Feb 10 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
May 09 Javascript
vue 实现图片懒加载功能
Dec 31 Vue.js
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实现 使用PHP数组内部指针操作函数
2010/10/12 PHP
PHP exif扩展方法开启详解
2014/07/28 PHP
PHP处理Json字符串解码返回NULL的解决方法
2014/09/01 PHP
PHP curl 抓取AJAX异步内容示例
2014/09/09 PHP
php下pdo的mysql事务处理用法实例
2014/12/27 PHP
Thinkphp 空操作、空控制器、命名空间(详解)
2017/05/05 PHP
JS IE和FF兼容性问题汇总
2009/02/09 Javascript
20款非常优秀的 jQuery 工具提示插件 推荐
2012/07/15 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
2014/01/14 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
2014/09/21 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
javascript中的 object 和 function小结
2016/08/14 Javascript
javaScript语法总结
2016/11/25 Javascript
Bootstrap3 datetimepicker控件使用实例
2016/12/13 Javascript
详解node.js搭建代理服务器请求数据
2017/04/08 Javascript
nodejs acl的用户权限管理详解
2018/03/14 NodeJs
详解Javascript中new()到底做了些什么?
2018/03/29 Javascript
JavaScript使用prototype属性实现继承操作示例
2020/05/22 Javascript
[41:54]2018DOTA2亚洲邀请赛 4.1 小组赛A组加赛 TNC vs Liquid
2018/04/03 DOTA
[13:55]Newbee vs Team Spirit
2018/06/07 DOTA
Python基于PyGraphics包实现图片截取功能的方法
2017/12/21 Python
解决Django中多条件查询的问题
2019/07/18 Python
python Matplotlib底图中鼠标滑过显示隐藏内容的实例代码
2019/07/31 Python
Python多线程的退出控制实现
2020/08/10 Python
在css3中background-clip属性与background-origin属性的用法介绍
2012/11/13 HTML / CSS
澳大利亚领先的在线美容商城:Adore Beauty
2017/04/14 全球购物
英国广泛的照明产品网站:Lights4living
2018/01/28 全球购物
选购国际女性时装设计师品牌:IFCHIC(支持中文)
2018/04/12 全球购物
承诺书模板
2014/08/30 职场文书
股东出资证明书范例
2014/10/04 职场文书
小学见习报告
2014/10/31 职场文书
2015年植树节活动总结
2015/02/06 职场文书
2016年基层党组织公开承诺书
2016/03/25 职场文书
css3 实现文字闪烁效果的三种方式示例代码
2021/04/25 HTML / CSS
电频谱管理的原则是什么
2022/02/18 无线电