浅谈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 相关文章推荐
实现png图片和png背景透明(支持多浏览器)的方法
Sep 08 Javascript
javascript ie6兼容position:fixed实现思路
Apr 01 Javascript
Jquery绑定事件(bind和live的区别介绍)
Aug 23 Javascript
js拖动div 当鼠标移动时整个div也相应的移动
Nov 21 Javascript
网页中表单按回车就自动提交的问题的解决方案
Nov 03 Javascript
Bootstrap3学习笔记(二)之排版
May 20 Javascript
微信小程序 跳转方式总结
Apr 20 Javascript
详解JS数据类型的值拷贝函数(深拷贝)
Jul 13 Javascript
vue实现单选和多选功能
Aug 11 Javascript
JS一次前端面试经历记录
Mar 19 Javascript
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
Mar 31 jQuery
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 类商品秒杀计时实现代码
2010/05/05 PHP
解决PHP超大文件下载,断点续传下载的方法详解
2013/06/06 PHP
php实现图片缩略图的方法
2016/03/29 PHP
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
2008/12/02 Javascript
jquery last-child 列表最后一项的样式
2010/01/22 Javascript
基于jquery封装的一个js分页
2011/11/15 Javascript
Javascript 命名空间模式
2013/11/01 Javascript
javascript内置对象arguments详解
2014/03/16 Javascript
JavaScript事件委托实例分析
2015/05/26 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
2015/09/16 Javascript
整理JavaScript创建对象的八种方法
2015/11/03 Javascript
关于vue.js组件数据流的问题
2017/07/26 Javascript
让你5分钟掌握9个JavaScript小技巧
2018/06/09 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
2019/08/26 Javascript
python操作sqlite的CRUD实例分析
2015/05/08 Python
Python自动扫雷实现方法
2015/07/25 Python
Python一句代码实现找出所有水仙花数的方法
2018/11/13 Python
Python版名片管理系统
2018/11/30 Python
python 弹窗提示警告框MessageBox的实例
2019/06/18 Python
解决keras加入lambda层时shape的问题
2020/06/11 Python
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
EM Cosmetics官网:由彩妆大神Michelle Phan创办的独立品牌
2020/04/27 全球购物
数据库连接池的工作原理
2012/09/26 面试题
恶意软件的定义
2014/11/12 面试题
this关键字的作用
2016/01/30 面试题
护理学毕业生自荐信
2013/10/02 职场文书
商场总经理岗位职责
2014/02/03 职场文书
酒店员工检讨书
2014/02/18 职场文书
党的群众路线教育学习材料
2014/05/12 职场文书
国庆宣传标语
2014/06/30 职场文书
工厂门卫的岗位职责
2014/07/27 职场文书
整改报告格式
2014/11/06 职场文书
2015年个人实习工作总结
2014/12/12 职场文书
搭讪开场白台词大全
2015/05/28 职场文书
工作后的感想
2015/08/07 职场文书
MSSQL基本语法操作
2022/04/11 SQL Server