浅谈jQuery中setInterval()方法


Posted in Javascript onJuly 07, 2015

定义和用法:

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

var time=0;

用法1:

function jump(){
…………
//函数内容
}
time = setInterval("jump",5000); //每个五秒调用一次函数

当需要暂停的时候

$("").hover(function(){


clearInterval(time),function(){


time = setInterval("jump",5000); 


}


})

用法2:

function autoPlay(){
time = setInterval(function(){


………… 
//函数内容

},5000);
}
autoPlay();
//调用函数

当需要暂停时

 $("").hover(function(){


clearInterval(time),function(){


autoPlay();


}


})

总结:

第一种用法思路比较清晰,先设置一个函数,在通过setInterval来自行调用,但是将其在别处调用比较困难;

第二种方法看起来比较乱,在setInterval内部写下自行调用的函数,然后在给他套上一个有名函数,然后通过调用有名函数来实行自动,在别处调用比较方便。

以上纯属个人看法,希望大神们多多指点。

Javascript 相关文章推荐
超级有用的13个基于jQuery的内容滚动插件和教程
Jul 31 Javascript
通过Jquery的Ajax方法读取将table转换为Json
May 31 Javascript
JQuery实现的图文自动轮播效果插件
Jun 19 Javascript
JS实现左右无缝轮播图代码
May 01 Javascript
jQuery Mobile 和 Kendo UI 的比较
May 05 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
Jun 12 Javascript
jQuery使用deferreds串行多个ajax请求
Aug 22 Javascript
js实现hashtable的赋值、取值、遍历操作实例详解
Dec 25 Javascript
vue v-on监听事件详解
May 17 Javascript
JS监听滚动和id自动定位滚动
Dec 18 Javascript
js 将线性数据转为树形的示例代码
May 28 Javascript
Vue路由的模块自动化与统一加载实现
Jun 05 Javascript
javascript数组排序汇总
Jul 07 #Javascript
javascript编写贪吃蛇游戏
Jul 07 #Javascript
Javascript编写2048小游戏
Jul 07 #Javascript
利用JavaScript脚本实现滚屏效果的方法
Jul 07 #Javascript
JavaScript编写连连看小游戏
Jul 07 #Javascript
使用JavaScript制作一个简单的计数器的方法
Jul 07 #Javascript
JavaScript编写推箱子游戏
Jul 07 #Javascript
You might like
PHP mail 通过Windows的SMTP发送邮件失败的解决方案
2009/05/27 PHP
laravel 5 实现模板主题功能(续)
2015/03/02 PHP
解读PHP中上传文件的处理问题
2016/05/29 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
javascript 多级checkbox选择效果
2009/08/20 Javascript
jQuery表格行换色的三种实现方法
2011/06/27 Javascript
jQuery+CSS3实现树叶飘落特效
2015/02/01 Javascript
jQuery实现手机号码输入提示功能实例
2015/04/30 Javascript
Javascript实现鼠标右键特色菜单
2015/08/04 Javascript
第一次接触神奇的Bootstrap
2016/10/14 Javascript
Bootstrap Modal遮罩弹出层代码分享
2016/11/21 Javascript
利用JavaScript实现拖拽改变元素大小
2016/12/14 Javascript
vue mint-ui学习笔记之picker的使用
2017/10/11 Javascript
面试题:react和vue的区别分析
2019/04/08 Javascript
简单了解JavaScript中的执行上下文和堆栈
2019/06/24 Javascript
基于vue实现圆形菜单栏组件
2019/07/05 Javascript
vue中实现上传文件给后台实例详解
2019/08/22 Javascript
原生js实现针对Dom节点的CRUD操作示例
2019/08/26 Javascript
vue excel上传预览和table内容下载到excel文件中
2019/12/10 Javascript
[00:32]2018DOTA2亚洲邀请赛OpTic出场
2018/04/03 DOTA
pygame学习笔记(2):画点的三种方法和动画实例
2015/04/15 Python
django 2.0更新的10条注意事项总结
2018/01/05 Python
在Python 2.7即将停止支持时,我们为你带来了一份python 3.x迁移指南
2018/01/30 Python
基于Python pip用国内镜像下载的方法
2018/06/12 Python
python 读取Linux服务器上的文件方法
2018/12/27 Python
Python 给下载文件显示进度条和下载时间的实现
2020/04/02 Python
如何通过python计算圆周率PI
2020/11/11 Python
Python安装Bs4的多种方法
2020/11/28 Python
关于Python 解决Python3.9 pandas.read_excel(‘xxx.xlsx‘)报错的问题
2020/11/28 Python
CSS3绘制超炫的上下起伏波动进度加载动画
2016/04/21 HTML / CSS
财务主管自我鉴定
2014/01/17 职场文书
中专毕业生个人职业生涯规划
2014/02/19 职场文书
电台编导求职信
2014/05/06 职场文书
珍惜资源保护环境的建议书
2014/05/14 职场文书
学校班班通实施方案
2014/06/11 职场文书
《圆明园的毁灭》教学反思
2016/02/16 职场文书