浅谈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的运行机制和设计理念分析
Apr 05 Javascript
easyui Droppable组件实现放置特效
Aug 19 Javascript
jquery实现通用的内容渐显Tab选项卡效果
Sep 07 Javascript
AngularJS equal比较对象实例详解
Sep 14 Javascript
js中利用cookie实现记住密码功能
Aug 20 Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
Nov 29 Javascript
深入理解vue路由的使用
Mar 24 Javascript
判断颜色是否合法的正则表达式(详解)
May 03 Javascript
Cpage.js给组件绑定事件的实现代码
Aug 31 Javascript
Vue中之nextTick函数源码分析详解
Oct 17 Javascript
angular.js实现列表orderby排序的方法
Oct 02 Javascript
创建Vue项目以及引入Iview的方法示例
Dec 03 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函数代码
2013/08/29 PHP
php根据数据id自动生成编号的实现方法
2016/10/16 PHP
PHP实现断点续传乱序合并文件的方法
2018/09/06 PHP
JavaScript prototype属性使用说明
2010/05/13 Javascript
Jquery Select操作方法集合脚本之家特别版
2010/05/17 Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
2013/09/22 Javascript
关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法
2016/06/13 Javascript
如何用js实现鼠标向上滚动时浮动导航
2016/07/18 Javascript
深入分析node.js的异步API和其局限性
2016/09/05 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
JS中判断null的方法分析
2016/11/21 Javascript
angular.js+node.js实现下载图片处理详解
2017/03/31 Javascript
JS正则获取HTML元素的方法
2017/03/31 Javascript
使用Xcache缓存器加速PHP网站的配置方法
2017/04/22 Javascript
javascript实现获取一个日期段内每天不同的价格(计算入住总价格)
2018/02/05 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
2019/04/09 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
2019/06/07 Javascript
Nodejs监听日志文件的变化的过程解析
2019/08/04 NodeJs
python根据日期返回星期几的方法
2015/07/06 Python
详解Python中的array数组模块相关使用
2016/07/05 Python
python基础_文件操作实现全文或单行替换的方法
2017/09/04 Python
python+mongodb数据抓取详细介绍
2017/10/25 Python
用十张图详解TensorFlow数据读取机制(附代码)
2018/02/06 Python
Django学习笔记之ORM基础教程
2018/03/27 Python
python unittest实现api自动化测试
2018/04/04 Python
Python2和Python3.6环境解决共存问题
2018/11/09 Python
Python爬虫库BeautifulSoup的介绍与简单使用实例
2020/01/25 Python
python中文分词库jieba使用方法详解
2020/02/11 Python
python中前缀运算符 *和 **的用法示例详解
2020/05/28 Python
Python eval函数原理及用法解析
2020/11/14 Python
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
综合实践活动方案
2014/02/14 职场文书
校园环保建议书
2014/05/14 职场文书
违规违纪检讨书范文
2015/05/06 职场文书
品德与社会教学反思
2016/02/24 职场文书
2019公司管理制度
2019/04/19 职场文书