js定时器出现第一次延迟的原因及解决方法

更新时间：2021年01月04日 08:26:30 作者：宋宋大人

在本篇文章里小编给大家整理的是一篇关于js定时器出现第一次延迟的原因及解决方法，对此有需要的朋友们可以学习下。

我们在使用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实现简单的拖动效果，具有一定的参考价值，感兴趣的朋友可以参考一下
2016-07-07
微信小程序返回上一页的各种方法实例
在开发小程序的时候我们总是能遇到各种奇怪的需求,下面这篇文章主要给大家介绍了关于微信小程序返回上一页的各种方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-06-06
如何利用Proxy更优雅地处理异常详解
这篇文章主要给大家介绍了关于如何利用Proxy更优雅地处理异常的相关资料,文中通过实例代码以及图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2022-03-03
npm qs模块使用详解
这篇文章主要介绍了npm qs模块使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-02-02
JavaScript设计模式之职责链模式应用示例
这篇文章主要介绍了JavaScript设计模式之职责链模式,结合实例形式分析了javascript责任链模式的概念、原理、使用方法及相关操作注意事项,需要的朋友可以参考下
2018-08-08
JavaScript快速实现一个颜色选择器
在做前端界面开发的时候，遇到需要改变颜色的需求，就需要使用颜色选择器。本文就来用JavaScript编写一个简单的颜色选择器，感兴趣的可以了解一下
2023-02-02
js 键盘记录实现(兼容FireFox和IE)
用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，然后是按键释放时候的keyup。
2010-02-02
javascript如何在foreach循环完成之后执行一个回调函数
forEach()是前端开发中操作数组的一种方法,主要功能是遍历数组,其实就是 for 循环的升级版,下面这篇文章主要给大家介绍了关于javascript如何在foreach循环完成之后执行一个回调函数的相关资料,需要的朋友可以参考下
2023-11-11
IE event.srcElement和FF event.target 功能比较
可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。
2010-03-03
JS 拼图游戏面向对象，注释完整。
原创的JS拼图游戏，面向对象，注释完整。作者 sunxing007
2009-06-06