浅谈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 相关文章推荐
javascript限制用户只能输汉字中文的方法
Nov 20 Javascript
jquery实现定时自动轮播特效
Dec 10 Javascript
weui框架实现上传、预览和删除图片功能代码
Aug 24 Javascript
Three.js加载外部模型的教程详解
Nov 10 Javascript
node使用promise替代回调函数
May 07 Javascript
详解vue指令与$nextTick 操作DOM的不同之处
Aug 02 Javascript
js的对象与函数详解
Jan 21 Javascript
通过cordova将vue项目打包为webapp的方法
Feb 02 Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
Sep 25 Javascript
vue实现移动端项目多行文本溢出省略
Jul 29 Javascript
vue Cli 环境删除与重装教程 - 版本文档
Sep 11 Javascript
JavaScript中Object、map、weakmap的区别分析
Dec 15 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 SQLite类
2009/05/07 PHP
php 404错误页面实现代码
2009/06/22 PHP
php获取qq用户昵称和在线状态(实例分析)
2013/10/27 PHP
生成随机字符串和验证码的类的PHP实例
2013/12/24 PHP
采用ThinkPHP中F方法实现快速缓存实例
2014/06/13 PHP
javascript之通用简单的table选项卡实现(二)
2010/05/09 Javascript
JQuery动态创建DOM、表单元素的实现代码
2011/08/09 Javascript
JS中showModalDialog 的使用解析
2013/04/17 Javascript
jQuery之字体大小的设置方法
2014/02/27 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
2016/05/10 Javascript
javascript鼠标滑过显示二级菜单特效
2020/11/18 Javascript
轻松实现jquery选项卡切换效果
2016/10/10 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
d3.js实现立体柱图的方法详解
2017/04/28 Javascript
第一个Vue插件从封装到发布
2017/11/22 Javascript
React styled-components设置组件属性的方法
2018/08/07 Javascript
[16:14]教你分分钟做大人:米拉娜(HEROS)
2014/11/24 DOTA
讲解Python中for循环下的索引变量的作用域
2015/04/15 Python
Python实现的Excel文件读写类
2015/07/30 Python
python黑魔法之编码转换
2016/01/25 Python
利用numpy+matplotlib绘图的基本操作教程
2017/05/03 Python
Python实现多条件筛选目标数据功能【测试可用】
2018/06/13 Python
解决Python3中的中文字符编码的问题
2018/07/18 Python
python 通过可变参数计算n个数的乘积方法
2019/06/13 Python
python安装读取grib库总结(推荐)
2020/06/24 Python
pytorch 移动端部署之helloworld的使用
2020/10/30 Python
Vrbo西班牙:预订您的度假公寓(公寓、乡村房屋…)
2020/04/27 全球购物
Linux文件系统类型
2012/02/15 面试题
浅谈react路由传参的几种方式
2021/03/23 Javascript
竞选班委演讲稿
2014/04/28 职场文书
孩子教育的心得体会
2014/09/01 职场文书
工伤事故赔偿协议书(标准)
2014/09/29 职场文书
检察院院长群众路线教育实践活动个人整改措施
2014/10/04 职场文书
教师节老师寄语
2015/05/28 职场文书
2016教师国培研修感言
2015/12/08 职场文书
python爬取豆瓣电影TOP250数据
2021/05/23 Python