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 日期对象Date扩展方法
May 30 Javascript
Jquery+ajax请求data显示在GridView上(asp.net)
Aug 27 Javascript
jquery checkbox实现单选小例
Nov 27 Javascript
javascript 回到顶部效果的实现代码
Feb 17 Javascript
javascript实现table表格隔行变色的方法
May 13 Javascript
什么是JavaScript注入攻击?
Sep 14 Javascript
微信小程序 页面跳转传值实现代码
Jul 27 Javascript
VUE前端cookie简单操作
Oct 17 Javascript
详解Vue组件插槽的使用以及调用组件内的方法
Nov 13 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
Sep 27 Javascript
Jquery异步上传文件代码实例
Nov 13 jQuery
原生js实现点击按钮复制内容到剪切板
Nov 19 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+AJAX传送中文会导致乱码的问题的解决方法
2008/09/08 PHP
兼容ie6浏览器的php下载文件代码分享
2014/07/14 PHP
PHP动态页生成静态页的3种常用方法
2014/11/13 PHP
PHP 使用memcached简单示例分享
2015/03/05 PHP
PHP中static关键字以及与self关键字的区别
2015/07/01 PHP
使用PHP如何实现高效安全的ftp服务器(二)
2015/12/30 PHP
Thinkphp 框架基础之源码获取、环境要求与目录结构分析
2020/04/27 PHP
sliderToggle在写jquery的计时器setTimeouter中不生效
2014/05/26 Javascript
详解JavaScript中的every()方法
2015/06/08 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
Bootstrap入门书籍之(零)Bootstrap简介
2016/02/17 Javascript
微信小程序 MD5的方法详解及实例代码
2017/03/10 Javascript
基于Vuex无法观察到值变化的解决方法
2018/03/01 Javascript
脚手架vue-cli工程webpack的基本用法详解
2018/09/29 Javascript
JavaScript利用键盘码控制div移动
2020/03/19 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
2020/03/20 jQuery
jQuery实现的移动端图片缩放功能组件示例
2020/05/01 jQuery
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
2020/05/19 jQuery
python基于socket实现网络广播的方法
2015/04/29 Python
解决在pycharm中显示额外的 figure 窗口问题
2019/01/15 Python
Python从文件中读取数据的方法讲解
2019/02/14 Python
python基于SMTP协议发送邮件
2019/05/31 Python
对Python _取log的几种方式小结
2019/07/25 Python
python修改字典键(key)的方法
2019/08/05 Python
django使用xadmin的全局配置详解
2019/11/15 Python
Python之Class&Object用法详解
2019/12/25 Python
Python pymsql模块的使用
2020/09/07 Python
Annoushka英国官网:英国奢侈珠宝品牌
2018/10/20 全球购物
本科毕业生自我鉴定
2013/11/02 职场文书
安全生产责任书范本
2014/04/15 职场文书
村抢险救灾方案
2014/05/09 职场文书
总账会计岗位职责
2015/04/02 职场文书
婚礼上证婚人致辞
2015/07/28 职场文书
七年级生物教学反思
2016/02/20 职场文书
Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
2021/04/17 Vue.js
Python实现信息轰炸工具(再也不怕说不过别人了)
2021/06/11 Python