浅谈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 相关文章推荐
JS控制表格隔行变色
Jun 26 Javascript
javascript字典探测用户名工具
Oct 05 Javascript
node.js中的require使用详解
Dec 15 Javascript
node.js调用C++开发的模块实例
Jul 03 Javascript
Three.js快速入门教程
Sep 09 Javascript
基于jquery实现的银行卡号每隔4位自动插入空格的实现代码
Nov 22 Javascript
jQuery将表单序列化成一个Object对象的实例
Nov 29 Javascript
详解javascript函数写法大全
Mar 25 Javascript
微信小程序用户拒绝授权的处理方法详解
Sep 20 Javascript
react-router-dom 嵌套路由的实现
May 02 Javascript
vue实现两个组件之间数据共享和修改操作
Nov 12 Javascript
全面解析js中的原型,原型对象,原型链
Jan 25 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
使用 PHPStorm 开发 Laravel
2015/03/24 PHP
php实现网站顶踩功能的完整前端代码
2015/07/19 PHP
PHP  实现等比压缩图片尺寸和大小实例代码
2016/10/08 PHP
php简单构造json多维数组的方法示例
2017/06/08 PHP
PHP数据分析引擎计算余弦相似度算法示例
2017/08/08 PHP
PHP实现的简单组词算法示例
2018/04/10 PHP
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
2009/10/20 Javascript
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
2010/09/19 Javascript
js自动闭合html标签(自动补全html标记)
2012/10/04 Javascript
nodejs下打包模块archiver详解
2014/12/03 NodeJs
JQuery validate插件Remote用法大全
2016/05/15 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
jQuery Validate插件ajax方式验证输入值的实例
2017/12/21 jQuery
JS实现基于拖拽改变物体大小的方法
2018/01/23 Javascript
Vuex中mutations与actions的区别详解
2018/03/01 Javascript
对vue中v-on绑定自定事件的实例讲解
2018/09/06 Javascript
vue基础知识--axios合并请求和slot
2020/06/04 Javascript
python实现下载文件的三种方法
2017/02/09 Python
查看Python依赖包及其版本号信息的方法
2019/08/13 Python
详解三种方式实现平滑滚动页面到顶部的功能
2019/04/23 HTML / CSS
丝芙兰巴西官方商城:SEPHORA巴西
2016/10/31 全球购物
网络艺术零售业的先驱者:artrepublic
2017/09/26 全球购物
Charlotte Tilbury美国官网:英国美妆品牌
2017/10/13 全球购物
英国街头品牌:Bee Inspired Clothing
2018/02/12 全球购物
德国隐形眼镜店:LuckyLens
2018/07/29 全球购物
毕业生幼师求职自荐信
2013/10/01 职场文书
电脑教师的自我评价
2013/12/18 职场文书
销售行政专员职责
2014/01/03 职场文书
校园安全教育广播稿
2014/02/17 职场文书
学习十八届三中全会精神实施方案
2014/02/17 职场文书
中药专业自荐信范文
2014/03/18 职场文书
教师廉洁自律承诺书
2014/05/26 职场文书
师范毕业生求职信
2014/07/11 职场文书
争先创优活动总结
2014/08/27 职场文书
幼儿园新生开学寄语
2015/05/27 职场文书
Vue.js中v-for指令的用法介绍
2022/03/13 Vue.js