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 相关文章推荐
window.showModalDialog使用手册
Jan 11 Javascript
js函数般调用正则
Apr 08 Javascript
点击下载链接 弹出页面实现代码
Oct 01 Javascript
js 创建快捷方式的代码(fso)
Nov 19 Javascript
Jquery实现弹出层分享微博插件具备动画效果
Apr 03 Javascript
JavaScript中Number对象的toFixed() 方法详解
Sep 02 Javascript
详解webpack分包及异步加载套路
Jun 29 Javascript
详解VueJS 数据驱动和依赖追踪分析
Jul 26 Javascript
使用async-validator编写Form组件的方法
Jan 10 Javascript
Vue中的v-for指令不起效果的解决方法
Sep 27 Javascript
js实现页面多个日期时间倒计时效果
Jun 20 Javascript
如何在vue中使用HTML 5 拖放API
Jan 14 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
解析web文件操作常见安全漏洞(目录、文件名检测漏洞)
2013/06/29 PHP
php合并js请求的例子
2013/11/01 PHP
PHP字符串word末字符实现大小写互换的方法
2014/11/10 PHP
WordPress的主题编写中获取头部模板和底部模板
2015/12/28 PHP
PHP实现小偷程序实例
2016/10/31 PHP
jquery ajax方式直接提交整个表单核心代码
2013/08/15 Javascript
ExtJS如何设置与获取radio控件的选取状态
2014/01/22 Javascript
JS 对象属性相关(检查属性、枚举属性等)
2015/04/05 Javascript
微信小程序 欢迎界面开发的实例详解
2016/11/30 Javascript
浅谈Vue的基本应用
2016/12/27 Javascript
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
JS实现带导航城市列表以及输入搜索功能
2018/01/04 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
2018/08/25 Javascript
微信小程序实现日历效果
2018/12/28 Javascript
浅谈javascript中的prototype和__proto__的理解
2019/04/07 Javascript
在layui下对元素进行事件绑定的实例
2019/09/06 Javascript
浅谈Python黑帽子取代netcat
2018/02/10 Python
解决Python requests库编码 socks5代理的问题
2018/05/07 Python
Python 20行简单实现有道在线翻译的详解
2019/05/15 Python
cProfile Python性能分析工具使用详解
2019/07/22 Python
python实现五子棋程序
2020/04/24 Python
初学者学习Python好还是Java好
2020/05/26 Python
弄清Pytorch显存的分配机制
2020/12/10 Python
Python 爬虫批量爬取网页图片保存到本地的实现代码
2020/12/24 Python
荷兰包包购物网站:The Little Green Bag
2018/03/17 全球购物
建筑毕业生自我鉴定
2013/10/18 职场文书
电子商务专业个人的自我评价分享
2013/10/29 职场文书
运动会获奖感言
2014/02/11 职场文书
消防工作实施方案
2014/06/09 职场文书
婚庆公司计划书
2014/09/15 职场文书
公务员年终个人总结
2015/02/12 职场文书
个人工作能力自我评价
2015/03/05 职场文书
劳动仲裁撤诉申请书
2015/05/18 职场文书
入党后的感想
2015/08/10 职场文书
2016入党积极分子考察评语
2015/12/01 职场文书
Python开发工具Pycharm的安装以及使用步骤总结
2021/06/24 Python