浅谈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.combobox中文api和例子,修复了上面的小bug
Mar 28 Javascript
jquery-syntax动态语法着色示例代码
May 14 Javascript
js解决select下拉选不中问题
Oct 14 Javascript
详解百度百科目录导航树小插件
Jan 08 Javascript
react router4+redux实现路由权限控制的方法
May 03 Javascript
JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例
Dec 14 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 Javascript
微信小程序tabBar设置实例解析
Nov 14 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
Dec 25 Javascript
Element Cascader 级联选择器的使用示例
Jul 27 Javascript
JavaScript实现烟花绽放动画效果
Aug 04 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
Nov 07 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脚本中include文件出错解决方法
2008/11/20 PHP
PHP 安全检测代码片段(分享)
2013/07/05 PHP
Yii入门教程之Yii安装及hello world
2014/11/25 PHP
[原创]php简单防盗链验证实现方法
2016/07/09 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
原生php实现excel文件读写的方法分析
2018/04/25 PHP
php生成短网址/短链接原理和用法实例分析
2020/05/29 PHP
web页面数据展示新想法(json)
2010/06/08 Javascript
jquery异步循环获取功能实现代码
2010/09/19 Javascript
extjs实现选择多表自定义查询功能 前台部分(ext源码)
2011/12/20 Javascript
使用JavaScript构建JSON格式字符串实现步骤
2013/03/22 Javascript
键盘KeyCode值列表汇总
2013/11/26 Javascript
jQuery增加自定义函数的方法
2015/07/18 Javascript
在页面中输出当前客户端时间javascript实例代码
2016/03/02 Javascript
第一次记录Bootstrap table学习笔记(1)
2017/05/18 Javascript
微信小程序支付功能 php后台对接完整代码分享
2018/06/12 Javascript
React注册倒计时功能的实现
2018/09/06 Javascript
[05:43]VG.R战队教练Mikasa专访:为目标从未停止战斗
2016/08/02 DOTA
[37:02]OG vs INfamous 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python线性回归实战分析
2018/02/01 Python
Python使用pymysql从MySQL数据库中读出数据的方法
2018/07/25 Python
Python3环境安装Scrapy爬虫框架过程及常见错误
2019/07/12 Python
计算pytorch标准化(Normalize)所需要数据集的均值和方差实例
2020/01/15 Python
python实现五子棋游戏(pygame版)
2020/01/19 Python
纯css3使用vw和vh实现自适应的方法
2018/02/09 HTML / CSS
html5自带表单验证体验优化及提示气泡修改功能
2017/09/12 HTML / CSS
外语专业毕业生个人的自荐信
2013/11/19 职场文书
自荐书模板
2013/12/19 职场文书
会计辞职信范文
2014/01/15 职场文书
益达广告词
2014/03/14 职场文书
物业管理工作方案
2014/05/10 职场文书
开工仪式策划方案
2014/05/23 职场文书
合作协议书模板
2014/10/10 职场文书
教师党的群众路线教育实践活动个人整改措施
2014/11/04 职场文书
2016大一新生军训心得体会
2016/01/11 职场文书
Tomcat用户管理的优化配置详解
2022/03/31 Servers