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 效率组装字符串 StringBuffer
Dec 23 Javascript
利用jQuery的deferred对象实现异步按顺序加载JS文件
Mar 17 Javascript
javascript相关事件的几个概念
May 21 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
Jun 19 Javascript
Function.prototype.apply()与Function.prototype.call()小结
Apr 27 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
Aug 02 Javascript
Angular.js中控制器之间的传值详解
Apr 24 Javascript
让网站自动生成章节目录索引的多个js代码
Jan 07 Javascript
浅谈Angular 的变化检测的方法
Mar 01 Javascript
js实现上传图片并显示图片名称
Dec 18 Javascript
JavaScript中的函数式编程详解
Aug 22 Javascript
JavaScript与JQuery框架基础入门教程
Jul 15 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&&mysql)二
2006/10/09 PHP
PHP仿博客园 个人博客(2) 数据库增添改删
2013/07/05 PHP
如何使用php输出时间格式
2013/08/31 PHP
php中3种方法删除字符串中间的空格
2014/03/10 PHP
微信公众平台开发(五) 天气预报功能开发
2016/12/03 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
jquery预览图片实现鼠标放上去显示实际大小
2014/01/16 Javascript
一个简单的jquery的多选下拉框(自写)
2014/05/05 Javascript
JS替换字符串中字符即替换全部而不是第一个
2014/06/04 Javascript
iframe里的页面禁止右键事件的方法
2014/06/10 Javascript
基于jquery实现复选框全选,反选,全不选等功能
2015/10/16 Javascript
jquery背景跟随鼠标滑动导航
2015/11/20 Javascript
JS组件Bootstrap实现下拉菜单效果代码
2016/04/26 Javascript
jQuery事件绑定on()与弹窗实现代码
2016/04/28 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
2016/11/25 Javascript
荐书|您有一份JavaScript书单待签收
2017/07/21 Javascript
layui table 参数设置方法
2018/08/14 Javascript
Vue.js 使用v-cloak后仍显示变量的解决方法
2018/11/19 Javascript
Vue开发中常见的套路和技巧总结
2020/11/24 Vue.js
[04:11]2014DOTA2国际邀请赛 CIS遗憾出局梦想不灭
2014/07/09 DOTA
[58:37]Serenity vs Fnatic 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
Python创建文件和追加文件内容实例
2014/10/21 Python
Python while 循环使用的简单实例
2016/06/08 Python
python内存监控工具memory_profiler和guppy的用法详解
2019/07/29 Python
利用python list完成最简单的DB连接池方法
2019/08/09 Python
python 实现任务管理清单案例
2020/04/25 Python
css3.0新属性效果在ie下的解决方案
2010/05/10 HTML / CSS
解决HTML5中的audio在手机端和微信端的不能自动播放问题
2019/11/04 HTML / CSS
Wojas罗马尼亚网站:波兰皮鞋品牌
2018/11/01 全球购物
会计专业的自荐信
2013/12/12 职场文书
遗体告别仪式主持词
2014/03/20 职场文书
英文演讲稿
2014/05/15 职场文书
2015年初中生自我评价范文
2015/03/03 职场文书
2015年大学生村官工作总结
2015/04/21 职场文书
golang 接口嵌套实现复用的操作
2021/04/29 Golang
Go web入门Go pongo2模板引擎
2022/05/20 Golang