浅谈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 相关文章推荐
详解new function(){}和function(){}() 区别分析
Mar 22 Javascript
jquery 常用操作整理 基础入门篇
Oct 14 Javascript
JS验证控制输入中英文字节长度(input、textarea等)具体实例
Jun 21 Javascript
Jquery实现的tab效果可以指定默认显示第几页
Oct 16 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
Feb 26 Javascript
js中settimeout方法加参数
Feb 28 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
May 04 Javascript
jQuery 回调函数(callback)的使用和基础
Feb 26 Javascript
layui扩展上传组件模拟进度条的方法
Sep 23 Javascript
Vue使用预渲染代替SSR的方法
Jul 02 Javascript
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 jQuery
Node使用koa2实现一个简单JWT鉴权的方法
Jan 26 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
使用array mutisort 实现按某字段对数据排序
2013/06/18 PHP
PHP数据过滤的方法
2013/10/30 PHP
跟我学Laravel之安装Laravel
2014/10/15 PHP
php数组键名技巧小结
2015/02/17 PHP
理解PHP中的Session及对Session有效期的控制
2016/01/08 PHP
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
PHPstorm启用自动换行的方法详解(IDE)
2020/09/17 PHP
javascript 拖放效果实现代码
2010/01/22 Javascript
工作中常用到的JS表单验证代码(包括例子)
2010/11/11 Javascript
javascript中parseInt()函数的定义和用法分析
2014/12/20 Javascript
jquery控制显示服务器生成的图片流
2015/08/04 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
2016/06/24 Javascript
Angularjs单选框相关的示例代码
2017/08/17 Javascript
ReactNative之FlatList的具体使用方法
2017/11/29 Javascript
echarts鼠标覆盖高亮显示节点及关系名称详解
2018/03/17 Javascript
用POSTMAN发送JSON格式的POST请求示例
2018/09/04 Javascript
详解nodejs 配置文件处理方案
2019/01/02 NodeJs
AngularJS动态生成select下拉框的方法实例
2019/11/17 Javascript
element-ui 远程搜索组件el-select在项目中组件化的实现代码
2019/12/04 Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
2020/07/20 Javascript
[03:11]DOTA2上海特锦赛小组赛第一日recap精彩回顾
2016/02/28 DOTA
easy_install python包安装管理工具介绍
2013/02/10 Python
python实现rsa加密实例详解
2017/07/19 Python
对numpy中的transpose和swapaxes函数详解
2018/08/02 Python
PythonWeb项目Django部署在Ubuntu18.04腾讯云主机上
2019/04/01 Python
python数组循环处理方法
2019/08/26 Python
python 图片二值化处理(处理后为纯黑白的图片)
2019/11/01 Python
使用tensorflow实现矩阵分解方式
2020/02/07 Python
很酷的小工具和电子产品商城:GearBest
2016/11/19 全球购物
经典c++面试题二
2015/08/14 面试题
卫校中专生个人自我评价
2013/09/19 职场文书
资料员岗位职责
2015/02/10 职场文书
雷锋观后感
2015/06/10 职场文书
医务人员医德医风心得体会
2016/01/25 职场文书
Vue的过滤器你真了解吗
2022/02/24 Vue.js