浅谈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仿淘宝京东多条件筛选可自行结合ajax加载示例
Aug 28 Javascript
JS注释所产生的bug 即使注释也会执行
Nov 19 Javascript
从零学JSON之JSON数据结构
May 19 Javascript
VS2008中使用JavaScript调用WebServices
Dec 18 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
Dec 24 Javascript
javascript解析xml实现省市县三级联动的方法
Jul 25 Javascript
JavaScript中各种引用类型的常用操作方法小结
May 05 Javascript
Javascript 调用 ActionScript 的简单方法
Sep 22 Javascript
jquery实现倒计时小应用
Sep 19 jQuery
基于wordpress的ajax写法详解
Jan 02 Javascript
vue项目中使用百度地图的方法
Jun 08 Javascript
微信小程序当前时间时段选择器插件使用方法详解
Dec 28 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 判断变量类型实现代码
2009/10/23 PHP
php针对cookie操作的队列操作类实例
2014/12/10 PHP
php新建文件的方法实例
2019/09/26 PHP
javaScript(JS)替换节点实现思路介绍
2013/04/17 Javascript
AngularJS 如何在控制台进行错误调试
2016/06/07 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
2016/10/17 Javascript
bootstrap实现图片自动轮播
2016/12/21 Javascript
利用Angularjs中模块ui-route管理状态的方法
2016/12/27 Javascript
JavaScript中各数制转换全面总结
2017/08/21 Javascript
Node.js学习之查询字符串解析querystring详解
2017/09/28 Javascript
js设置随机切换背景图片的简单实例
2017/11/12 Javascript
AngularJS自定义表单验证功能实例详解
2018/08/24 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
2019/01/21 Javascript
利用不到200行代码写一款属于你自己的js类库
2019/07/08 Javascript
JavaScript onclick事件使用方法详解
2020/05/15 Javascript
Vue解决移动端弹窗滚动穿透问题
2020/12/15 Vue.js
JavaScript实现一维数组转化为二维数组
2018/04/17 Python
在dataframe两列日期相减并且得到具体的月数实例
2018/07/03 Python
利用python打开摄像头及颜色检测方法
2018/08/03 Python
使用TensorFlow实现SVM
2018/09/06 Python
python中break、continue 、exit() 、pass终止循环的区别详解
2019/07/08 Python
Python列表的切片实例讲解
2019/08/20 Python
Python实现报警信息实时发送至邮箱功能(实例代码)
2019/11/11 Python
python实现输出一个序列的所有子序列示例
2019/11/18 Python
简单了解Python多态与属性运行原理
2020/06/15 Python
CSS 3.0 结合video视频实现的创意开幕效果
2020/06/01 HTML / CSS
CSS3实现红包抖动效果
2020/12/23 HTML / CSS
高中微机老师自我鉴定
2014/02/16 职场文书
数学检讨书1000字
2014/02/24 职场文书
目标管理责任书
2014/04/15 职场文书
销售经理工作失职检讨书
2014/10/24 职场文书
团委副书记工作总结
2015/08/14 职场文书
大学生自我鉴定怎么写
2019/05/07 职场文书
【D4DJ】美少女DJ企划 动画将于明年冬季开播第2季
2022/04/11 日漫
Win11安装升级时提示“该电脑必须支持安全启动”
2022/04/19 数码科技
利用Python脚本写端口扫描器socket,python-nmap
2022/07/23 Python