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 EXCEL 操作类代码
Jul 30 Javascript
Jquery网页出现的乱码问题的三种解决方法
Jun 30 Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
Oct 18 Javascript
创建js对象和js类的方法汇总
Dec 24 Javascript
使用AngularJS处理单选框和复选框的简单方法
Jun 19 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
Jan 04 Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
Jan 05 Javascript
深入理解ECMAScript的几个关键语句
Jun 01 Javascript
利用vue-router实现二级菜单内容转换
Nov 30 Javascript
Javascript中常用类型的格式化方法小结
Dec 26 Javascript
Vue项目使用CDN优化首屏加载问题
Apr 01 Javascript
让axios发送表单请求形式的键值对post数据的实例
Aug 11 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 字符过滤类,用于过滤各类用户输入的数据
2009/05/27 PHP
php Session无效分析资料整理
2016/11/29 PHP
Thinkphp5结合layer弹窗定制操作结果页面
2017/07/07 PHP
php设计模式之观察者模式实例详解【星际争霸游戏案例】
2020/03/30 PHP
初窥JQuery(一)jquery选择符 必备知识点
2010/11/25 Javascript
Jquery下判断Id是否存在的代码
2011/01/06 Javascript
js URL参数的拼接方法比较
2012/02/15 Javascript
解析img图片没找到onerror事件 Stack overflow at line: 0
2013/12/23 Javascript
jQuery获取动态生成的元素示例
2014/06/15 Javascript
javascript随机显示背景图片的方法
2015/06/18 Javascript
js控制div层的叠加简单方法
2016/10/15 Javascript
jQuery中的select操作详解
2016/11/29 Javascript
vue中如何使用ztree
2018/02/06 Javascript
示例vue 的keep-alive缓存功能的实现
2018/12/13 Javascript
angular4中引入echarts的方法示例
2019/01/29 Javascript
AngularJS实现的自定义过滤器简单示例
2019/02/02 Javascript
layui弹出框Tab选项卡的示例代码
2019/09/04 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
2019/09/10 jQuery
JavaScript 绘制饼图的示例
2021/02/19 Javascript
JavaScript仿京东轮播图效果
2021/02/25 Javascript
Python判断文件和字符串编码类型的实例
2017/12/21 Python
Python3内置模块之json编解码方法小结【推荐】
2020/12/09 Python
详解Pandas之容易让人混淆的行选择和列选择
2019/07/10 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
2020/01/03 Python
浅谈python print(xx, flush = True) 全网最清晰的解释
2020/02/21 Python
Django中文件上传和文件访问微项目的方法
2020/04/27 Python
Python脚本打包成可执行文件过程解析
2020/10/20 Python
阿提哈德航空官方网站:Etihad Airways
2017/01/06 全球购物
澳大利亚墨尔本的在线时装店:LORETA
2018/09/14 全球购物
优秀的毕业生的自我评价
2013/12/12 职场文书
《雨点》教学反思
2014/02/12 职场文书
喝酒检查书范文
2014/02/23 职场文书
经营理念口号
2014/06/21 职场文书
迎国庆横幅标语
2014/10/08 职场文书
初中体育教学随笔
2015/08/15 职场文书
Redis基于Bitmap实现用户签到功能
2021/06/20 Redis