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 相关文章推荐
漂亮的提示信息(带箭头)
Mar 21 Javascript
javascript中验证大写字母、数字和中文
Jan 15 Javascript
JS实现简单的顶部定时关闭层效果
Jun 15 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
Jun 15 Javascript
dedecms页面如何获取会员状态的实例代码
Mar 15 Javascript
探讨AngularJs中ui.route的简单应用
Nov 16 Javascript
node安装--linux下的快速安装教程
Mar 21 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
Jun 17 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
Aug 12 Javascript
vue cli 全面解析
Feb 28 Javascript
详解使用create-react-app添加css modules、sasss和antd
Jul 31 Javascript
jQuery+ajax实现文件上传功能
Dec 22 jQuery
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遍历目录与文件夹的多种方法详解
2013/11/14 PHP
让PHP显示Facebook的粉丝数量方法
2014/01/08 PHP
详谈PHP文件目录基础操作
2014/11/11 PHP
php合并数组中相同元素的方法
2014/11/13 PHP
php类常量用法实例分析
2015/07/09 PHP
PHP 开发者该知道的 5 个 Composer 小技巧
2016/02/03 PHP
Javascript常用运算符(Operators)-javascript基础教程
2007/12/14 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
javascript匀速运动实现方法分析
2016/01/08 Javascript
jQuery Ztree行政地区树状展示(点击加载)
2016/11/09 Javascript
js实现图片左右滚动效果
2017/02/27 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
2017/11/15 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
2019/05/29 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
2019/06/04 Javascript
关于JS解构的5种有趣用法
2019/09/05 Javascript
40行代码把Vue3的响应式集成进React做状态管理
2020/05/20 Javascript
ES6字符串的扩展实例
2020/12/21 Javascript
python3使用urllib示例取googletranslate(谷歌翻译)
2014/01/23 Python
Mac 上切换Python多版本
2017/06/17 Python
python中numpy的矩阵、多维数组的用法
2018/02/05 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
Python基于百度AI的文字识别的示例
2018/04/21 Python
tensorflow 使用flags定义命令行参数的方法
2018/04/23 Python
python2.7使用plotly绘制本地散点图和折线图
2019/04/02 Python
详解如何在cmd命令窗口中搭建简单的python开发环境
2019/08/29 Python
Python迷宫生成和迷宫破解算法实例
2019/12/24 Python
python如何求数组连续最大和的示例代码
2020/02/04 Python
自我鉴定的范文
2013/10/03 职场文书
学生自我鉴定范文
2013/10/04 职场文书
应届毕业生的自我鉴定
2013/11/13 职场文书
服装设计师求职信
2014/06/04 职场文书
初中学校对照检查材料
2014/08/19 职场文书
2014年收银工作总结
2014/11/13 职场文书
2019大学生社会实践报告汇总
2019/08/16 职场文书
使用Selenium实现微博爬虫(预登录、展开全文、翻页)
2021/04/13 Python
Redis如何使用乐观锁(CAS)保证数据一致性
2022/03/25 Redis