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+XML 操作
Sep 20 Javascript
js选取多个或单个元素的实现代码(用class)
Aug 22 Javascript
Extjs grid panel自带滚动条失效的解决方法
Sep 11 Javascript
JavaScript 事件绑定及深入
Apr 13 Javascript
jquery计算鼠标和指定元素之间距离的方法
Jun 26 Javascript
纯js模拟div层弹性运动的方法
Jul 27 Javascript
js表单元素checked、radio被选中的几种方法(详解)
Aug 22 Javascript
原生JS实现的放大镜效果实例代码
Oct 15 Javascript
Node.js用readline模块实现输入输出
Dec 16 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
Aug 20 Javascript
JavaScript和TypeScript中的void的具体使用
Sep 12 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
Dec 25 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
重置版战役片段
2020/04/09 魔兽争霸
PHP $_SERVER详解
2009/01/16 PHP
PHP Zip解压 文件在线解压缩的函数代码
2010/05/26 PHP
php中数组首字符过滤功能代码
2012/07/31 PHP
PHP实现带重试功能的curl连接示例
2016/07/28 PHP
php封装的图片(缩略图)处理类完整实例
2016/10/19 PHP
PHP 命名空间和自动加载原理与用法实例分析
2020/04/29 PHP
JavaScript 对Cookie 操作的封装小结
2009/12/31 Javascript
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
Javascript selection的兼容性写法介绍
2013/12/20 Javascript
详解jQuery UI库中文本输入自动补全功能的用法
2016/04/23 Javascript
分分钟玩转Vue.js组件(二)
2017/03/01 Javascript
angular使用bootstrap方法手动启动的实例代码
2017/07/18 Javascript
seajs中模块依赖的加载处理实例分析
2017/10/10 Javascript
node+koa2+mysql+bootstrap搭建一个前端论坛
2018/05/06 Javascript
ES6关于Promise的用法详解
2018/05/07 Javascript
解决vue router组件状态刷新消失的问题
2018/08/01 Javascript
nodejs开发一个最简单的web服务器实例讲解
2020/01/02 NodeJs
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
2020/05/13 Javascript
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
使用Python的Zato发送AMQP消息的教程
2015/04/16 Python
在Django框架中编写Context处理器的方法
2015/07/20 Python
Python教程之全局变量用法
2016/06/27 Python
Python minidom模块用法示例【DOM写入和解析XML】
2019/03/25 Python
python图形绘制奥运五环实例讲解
2019/09/14 Python
HTML5制作酷炫音频播放器插件图文教程
2014/12/30 HTML / CSS
德国网上宠物店:Zoobio
2018/05/23 全球购物
华为c/c++笔试题
2016/01/25 面试题
关于人生的感言
2014/01/17 职场文书
电子专业自荐信
2014/07/01 职场文书
总经理助理岗位职责范本
2015/03/31 职场文书
导游词之西安骊山
2019/12/03 职场文书
python执行js代码的方法
2021/05/13 Python
Java数据开发辅助工具Docker与普通程序使用方法
2021/09/15 Java/Android
《月歌。》宣布制作10周年纪念剧场版《RABBITS KINGDOM THE MOVIE》
2022/04/02 日漫
Python可视化神器pyecharts之绘制地理图表练习
2022/07/07 Python