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 相关文章推荐
javascript类继承机制的原理分析
Sep 12 Javascript
快速排序 php与javascript的不同之处
Feb 22 Javascript
15条JavaScript最佳实践小结
Aug 09 Javascript
jquery事件重复绑定的快速解决方法
Jan 03 Javascript
Javascript中引用示例介绍
Feb 21 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
jQuery的remove()方法使用详解
Aug 11 Javascript
js使用cookie记录用户名的方法
Nov 26 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
Dec 01 Javascript
JavaScript 经典实例日常收集整理(常用经典)
Mar 30 Javascript
值得分享的JavaScript实现图片轮播组件
Nov 21 Javascript
搭建element-ui的Vue前端工程操作实例
Feb 23 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字符串中的单引号为双引号的方法
2017/02/16 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
JS事件Event元素(兼容IE,Firefox,Chorme)
2012/11/01 Javascript
javascript真的不难-回顾一下基础知识
2013/01/15 Javascript
在JavaScript里嵌入大量字符串常量的实现方法
2013/07/07 Javascript
js中top的作用深入剖析
2014/03/04 Javascript
PHP+jQuery实现随意拖动层并即时保存拖动位置
2015/04/30 Javascript
JS+CSS实现的拖动分页效果实例
2015/05/11 Javascript
基于jQuery实现响应式圆形图片轮播特效
2015/11/25 Javascript
node.js实现端口转发
2016/04/14 Javascript
基于jquery实现图片放大功能
2016/05/07 Javascript
jQuery选择器总结之常用元素查找方法
2016/08/04 Javascript
Javascript使用function创建类的两种方法(推荐)
2016/11/19 Javascript
js数组与字符串常用方法总结
2017/01/13 Javascript
JavaScript中匿名函数的递归调用
2017/01/22 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
2017/07/31 Javascript
Vue修改mint-ui默认样式的方法
2018/02/03 Javascript
element ui里dialog关闭后清除验证条件方法
2018/02/26 Javascript
聊聊鉴权那些事(推荐)
2019/08/22 Javascript
Python字典操作简明总结
2015/04/13 Python
virtualenv实现多个版本Python共存
2017/08/21 Python
Python基础学习之函数方法实例详解
2019/06/18 Python
python 实现在shell窗口中编写print不向屏幕输出
2020/02/19 Python
Python 定义只读属性的实现方式
2020/03/05 Python
Python3.7下安装pyqt5的方法步骤(图文)
2020/05/12 Python
Python paramiko使用方法代码汇总
2020/11/20 Python
css3实现的下拉菜单效果示例
2014/01/22 HTML / CSS
外语系毕业生自荐信范文
2013/12/16 职场文书
会计学自我鉴定
2014/02/06 职场文书
文化宣传方案
2014/03/13 职场文书
公务员上班玩游戏检讨书
2014/09/17 职场文书
银行领导班子四风对照检查材料
2014/09/27 职场文书
行政复议决定书
2015/06/24 职场文书
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
2021/05/30 Javascript
微信小程序APP的生命周期及页面的生命周期
2022/04/19 Javascript
Tomcat弱口令复现及利用
2022/05/06 Servers