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 相关文章推荐
jQuery.buildFragment使用方法及思路分析
Jan 07 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
Apr 22 Javascript
js获取系统的根路径实现介绍
Sep 08 Javascript
使用ajaxfileupload.js实现ajax上传文件php版
Jun 26 Javascript
JS实现点击文字对应DIV层不停闪动效果的方法
Mar 02 Javascript
jQuery的load()方法及其回调函数用法实例
Mar 25 Javascript
node.js基于mongodb的搜索分页示例
Jan 22 Javascript
微信小程序中子页面向父页面传值实例详解
Mar 20 Javascript
Angularjs使用过滤器完成排序功能
Sep 20 Javascript
node.js实现带进度条的多文件上传
Mar 27 Javascript
vue-cli3跨域配置的简单方法
Sep 06 Javascript
Vue Router 实现动态路由和常见问题及解决方法
Mar 06 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
杏林同学录(九)
2006/10/09 PHP
使用php判断服务器是否支持Gzip压缩功能
2013/09/24 PHP
使用php语句将数据库*.sql文件导入数据库
2014/05/05 PHP
PHP整合七牛实现上传文件
2015/07/03 PHP
Symfony学习十分钟入门经典教程
2016/02/03 PHP
php判断/计算闰年的方法小结【三种方法】
2019/07/06 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
js的event详解。
2006/09/06 Javascript
永不消失的title提示代码
2007/02/15 Javascript
Js 冒泡事件阻止实现代码
2013/01/27 Javascript
Js中获取frames中的元素示例代码
2013/07/30 Javascript
js实现文件上传表单域美化特效
2015/11/02 Javascript
jQuery插件实现文件上传功能(支持拖拽)
2020/08/27 Javascript
JS匿名函数类生成方式实例分析
2016/11/26 Javascript
ajax接收后台数据在html页面显示
2017/02/19 Javascript
菊花转动的jquery加载动画效果
2018/08/19 jQuery
微信小程序中使用自定义图标(阿里icon)的方法
2018/08/20 Javascript
vue获取时间戳转换为日期格式代码实例
2019/04/17 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
2019/09/18 Javascript
微信小程序实现通讯录列表展开收起
2020/11/18 Javascript
Python中的异常处理简明介绍
2015/04/13 Python
python 读取excel文件生成sql文件实例详解
2017/05/12 Python
Python实现迭代时使用索引的方法示例
2018/06/05 Python
在python中实现对list求和及求积
2018/11/14 Python
解决Pycharm 包已经下载,但是运行代码提示找不到模块的问题
2019/08/31 Python
python zip,lambda,map函数代码实例
2020/04/04 Python
使用Python FastAPI构建Web服务的实现
2020/06/08 Python
HTML5中FileReader接口使用方法实例详解
2017/08/26 HTML / CSS
Html5+JS实现手机摇一摇功能
2015/04/24 HTML / CSS
英国领先的豪华时尚家居网上商店:Amara
2019/08/12 全球购物
程序员岗位职责
2013/11/11 职场文书
代办委托书怎样写
2014/04/08 职场文书
信息与计算机科学职业规划范文:成为一艘有方向的船
2014/09/11 职场文书
教师自我剖析材料(四风问题)
2014/09/30 职场文书
感恩教师节主题班会
2015/08/12 职场文书
Django debug为True时,css加载失败的解决方案
2021/04/24 Python