浅谈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 相关文章推荐
jquery 常用操作方法
Jan 28 Javascript
深入理解Javascript中的循环优化
Nov 09 Javascript
JavaScript中的字符串操作详解
Nov 12 Javascript
JavaScript 匿名函数和闭包介绍
Apr 13 Javascript
Ajax中解析Json的两种方法对比分析
Jun 25 Javascript
Node.js自定义实现文件路由功能
Sep 22 Javascript
微信小程序修改swiper默认指示器样式的实例代码
Jul 18 Javascript
pm2发布node配置文件ecosystem.json详解
May 15 Javascript
layui动态表头的实现代码
Aug 22 Javascript
js实现图片跟随鼠标移动效果
Oct 16 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
Feb 27 Javascript
详解如何在Javascript中使用Object.freeze()
Oct 18 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
如何限制访问者的ip(PHPBB的代码)
2006/10/09 PHP
用文本文件制作留言板提示(下)
2006/10/09 PHP
phpmyadmin的#1251问题
2006/11/25 PHP
PHP反射机制用法实例
2014/08/28 PHP
PHP开启目录引索+fancyindex漂亮目录浏览带搜索功能
2019/09/23 PHP
读jQuery之十一 添加事件核心方法
2011/07/31 Javascript
日历查询的算法 如何计算某一天是星期几
2012/12/12 Javascript
JS打开图片另存为对话框实现代码
2012/12/26 Javascript
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
jQuery的text()方法用法分析
2014/12/20 Javascript
js日期插件dateHelp获取本月、三个月、今年的日期
2016/03/07 Javascript
详解jQuery中的事件
2016/12/14 Javascript
原生JS仿QQ阅读点击展开、收起效果
2017/03/08 Javascript
jQuery ajax实现省市县三级联动
2021/03/07 Javascript
JQuery 获取多个select标签option的text内容(实例)
2017/09/07 jQuery
vue中实现图片和文件上传的示例代码
2018/03/16 Javascript
JavaScript事件发布/订阅模式原理与用法分析
2018/08/21 Javascript
jQuery实现基本隐藏与显示效果的方法详解
2018/09/05 jQuery
详解从NodeJS搭建中间层再谈前后端分离
2018/11/13 NodeJs
layui实现下拉框三级联动
2019/07/26 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
2020/10/09 Javascript
Python中字符串的修改及传参详解
2016/11/30 Python
谈谈如何手动释放Python的内存
2016/12/17 Python
使用实现pandas读取csv文件指定的前几行
2018/04/20 Python
Python进阶之使用selenium爬取淘宝商品信息功能示例
2019/09/16 Python
利用Python制作动态排名图的实现代码
2020/04/09 Python
基于HTML5 的人脸识别活体认证的实现方法
2016/06/22 HTML / CSS
清扬洗发水广告词
2014/03/14 职场文书
七一党日活动总结
2014/07/08 职场文书
2014年幼儿园教研工作总结
2014/12/04 职场文书
中标通知书格式
2015/04/17 职场文书
通知格式
2015/04/27 职场文书
2015年党员个人工作总结
2015/05/13 职场文书
2015年教务处干事工作总结
2015/07/22 职场文书
2022年四月新番
2022/03/15 日漫