这篇文章给大家分享的是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定时器会延迟试行是什么缘故，怎么应对”的介绍了，感谢各位的阅读，希望这篇文章能帮助大家解决问题。如果想要了解更多知识，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• Vue自定义日历控件的使用是什么样的呢

  Vue自定义日历小控件使用方法详解 本文实例为大家分享了Vue自定义日历小控件的具体代码,供大家参考,具体内容如下 废话少说,先上效果图: 可以在效果图中看到,选择不同的月份的时候当月天数与星期几都是一一对应,非当月天数则是灰色显示,一目了然. 并且此日历控件支持自动确定当前时间,每次打开默认显示的就是最新的月份,用来做签到打卡的功能比较合适. 由于使用的是原生div进行制作,自定义功能非常强,可以自由的更换样式.背景.颜色.大小等等. 在与数据库的时候可以从数据库获得时间信息并填充到控件中,图中的色块就可以看出. 该控件使用了V

• 新手学习VUE框架有哪些基础知识要了解

  这篇文章主要介绍了vue 组件基础知识的相关资料，帮助大家更好的理解和使用vue的组件，感兴趣的朋友可以了解下

• vue-quill-editor编辑器插入图片路径太长报错怎么办

  这篇文章主要介绍了vue-quill-editor插入图片路径太长问题解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

• vue怎样实现骨架屏？思路和方法是什么？

  vue怎样实现骨架屏？骨架屏的应用可以作为loading 使用，小编觉得还是比较实用的，因此这篇就给大家来分享一下用vue实现骨架屏的思路及方法，感兴趣的朋友可以了解看看。

• 用JavaScript怎样写一个颜色查看器？

  这篇文章给大家分享的是用JavaScript实现颜色查看器的内容，实现效果如下，通过颜色查看器我们可以预览到这个颜色是不是我们所需的颜色，小编觉得挺实用的，因此分享给大家做个参考，接下来一起跟随小编看看吧。