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代码优化 选择符篇
Nov 01 Javascript
jQuery Ajax请求状态管理器打包
May 03 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
Jan 06 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
Dec 31 Javascript
js中数组排序sort方法的原理分析
Nov 20 Javascript
jQuery实现自定义事件的方法
Apr 17 Javascript
JavaScript & jQuery完美判断图片是否加载完毕
Jan 08 Javascript
AngularJS中filter的使用实例详解
Aug 25 Javascript
vue 实现 ios 原生picker 效果及实现思路解析
Dec 06 Javascript
使用Vue构建可重用的分页组件
Mar 26 Javascript
webpack安装配置与常见使用过程详解(结合vue)
Jun 01 Javascript
vue实现input输入模糊查询的三种方式
Aug 14 Vue.js
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 高级课程笔记 面向对象
2009/06/21 PHP
PHP获取POST数据的几种方法汇总
2015/03/03 PHP
PHP导出Excel实例讲解
2016/01/24 PHP
php使用gd2绘制基本图形示例(直线、圆、正方形)
2017/02/15 PHP
PHP获取php,mysql,apche的版本信息及更多服务器信息
2021/03/09 PHP
js类定义函数时用prototype与不用的区别示例介绍
2014/06/10 Javascript
jquery实现翻动fadeIn显示的方法
2015/03/05 Javascript
jquery实现用户打分评分特效
2015/05/28 Javascript
Jquery实现遮罩层的方法
2015/06/08 Javascript
JavaScript数组各种常见用法实例分析
2015/08/04 Javascript
js实现Select列表内容自动滚动效果代码
2015/08/20 Javascript
jQuery焦点图轮播特效代码分享(3款)
2015/09/05 Javascript
jQuery插件Validation快速完成表单验证的方式
2016/07/28 Javascript
JS简单去除数组中重复项的方法
2016/09/13 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
2017/01/23 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
2017/04/04 Javascript
JS之if语句对接事件动作逻辑(详解)
2017/06/28 Javascript
详解Layer弹出层样式
2017/08/21 Javascript
详解Nodejs mongoose
2018/06/10 NodeJs
详解KOA2如何手写中间件(装饰器模式)
2018/10/11 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
2018/12/10 jQuery
自定义Vue中的v-module双向绑定的实现
2019/04/17 Javascript
如何将python中的List转化成dictionary
2016/08/15 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
Python字符串中添加、插入特定字符的方法
2019/09/10 Python
Python容器使用的5个技巧和2个误区总结
2019/09/26 Python
Python通过类的组合模拟街道红绿灯
2020/09/16 Python
新加坡第一大健康与美容零售商:屈臣氏新加坡(Watsons Singapore)
2020/12/11 全球购物
大学生军训自我评价分享
2013/11/09 职场文书
十佳班主任事迹材料
2014/01/18 职场文书
《穷人》教学反思
2014/04/08 职场文书
学校工作推荐信范文
2014/07/11 职场文书
公司人事专员岗位职责
2014/08/11 职场文书
售房协议书
2014/08/19 职场文书
专升本学生毕业自我鉴定
2014/10/04 职场文书