浅谈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返回的JSON结果集实现代码
Dec 10 Javascript
利用javascript实现全部删或清空所选的操作
May 27 Javascript
js实现具有高亮显示效果的多级菜单代码
Sep 01 Javascript
初步使用bootstrap快速创建页面
Mar 03 Javascript
JS本地刷新返回上一页代码
Jul 25 Javascript
JavaScript数据类型转换的注意事项
Jul 31 Javascript
js实现瀑布流效果(自动生成新的内容)
Mar 16 Javascript
深入理解JavaScript 参数按值传递
May 24 Javascript
使用nvm管理不同版本的node与npm的方法
Oct 31 Javascript
p5.js入门教程之图片加载
Mar 20 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
Apr 17 Javascript
vue 动态创建组件的两种方法
Dec 31 Vue.js
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
文章推荐系统(二)
2006/10/09 PHP
swfupload 多文件上传实现代码
2008/08/27 PHP
PHP面向对象法则
2012/02/23 PHP
深入PHP中的HashTable结构详解
2013/06/13 PHP
关于php unset对json_encode的影响详解
2018/11/14 PHP
Nodejs实现的一个静态服务器实例
2014/12/06 NodeJs
Angularjs使用directive自定义指令实现attribute继承的方法详解
2016/08/05 Javascript
Jquery表单验证失败后不提交的解决方法
2016/10/18 Javascript
Angular通过angular-cli来搭建web前端项目的方法
2017/07/27 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
2018/07/09 Javascript
vue实现条件判断动态绑定样式的方法
2018/09/29 Javascript
vue项目持久化存储数据的实现代码
2018/10/01 Javascript
jquery使用echarts实现有向图可视化功能示例
2019/11/25 jQuery
[01:36]极致酷炫!TI9典藏宝瓶+撼地者至宝展示
2019/06/11 DOTA
Python的Django框架中URLconf相关的一些技巧整理
2015/07/18 Python
举例讲解Python中的list列表数据结构用法
2016/03/12 Python
Python 3中的yield from语法详解
2017/01/18 Python
Python实现的计数排序算法示例
2017/11/29 Python
使用python实现滑动验证码功能
2019/08/05 Python
python根据多个文件名批量查找文件
2019/08/13 Python
pytorch下大型数据集(大型图片)的导入方式
2020/01/08 Python
Python类的动态绑定实现原理
2020/03/21 Python
使用keras和tensorflow保存为可部署的pb格式
2020/05/25 Python
测量实习生自我鉴定
2013/09/19 职场文书
公司董事长职责
2013/12/12 职场文书
机关单位动员会主持词
2014/03/20 职场文书
股权投资意向书
2014/04/01 职场文书
户外活动总结范文
2014/04/30 职场文书
质量保证书格式
2015/02/27 职场文书
研究生给导师的自荐信
2015/03/06 职场文书
2015年小学财务工作总结
2015/07/20 职场文书
Python 文本滚动播放器的实现代码
2021/04/25 Python
OpenCV 图像梯度的实现方法
2021/07/25 Python
关于@OnetoMany关系映射的排序问题,使用注解@OrderBy
2021/12/06 Java/Android
Python 匹配文本并在其上一行追加文本
2022/05/11 Python
Oracle数据库事务的开启与结束详解
2022/06/25 Oracle