浅谈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 相关文章推荐
拖动Html元素集合 Drag and Drop any item
Dec 22 Javascript
javascript实现颜色渐变的方法
Oct 30 Javascript
js键盘上下左右键怎么触发function(实例讲解)
Dec 14 Javascript
javascript组合使用构造函数模式和原型模式实例
Jun 04 Javascript
微信小程序链接传参并跳转新页面
Nov 29 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
Jan 11 Javascript
JS表单数据验证的正则表达式(常用)
Feb 18 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
Apr 25 Javascript
jQuery AJAX 方法success()后台传来的4种数据详解
Aug 08 jQuery
Vue CLI3 开启gzip压缩文件的方式
Sep 30 Javascript
关于React动态加载路由处理的相关问题
Jan 07 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
Dec 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
Apache 配置详解(最好的APACHE配置教程)
2010/07/04 PHP
深入分析PHP引用(&)
2014/09/04 PHP
php获取错误信息的方法
2015/07/17 PHP
YII Framework框架教程之国际化实现方法
2016/03/14 PHP
PHP中Socket连接及读写数据超时问题分析
2016/07/19 PHP
PHP JWT初识及其简单示例
2018/10/10 PHP
Laravel find in set排序实例
2019/10/09 PHP
laravel5.6实现数值转换
2019/10/23 PHP
JS之Date对象和获取系统当前时间详解
2014/01/13 Javascript
js 获取元素下面所有li的两种方法
2014/04/14 Javascript
js获取 type=radio 值的方法
2014/05/09 Javascript
jquery模拟LCD 时钟的html文件源代码
2014/06/16 Javascript
21个JavaScript事件(Events)属性汇总
2014/12/02 Javascript
jquery获取css的color值返回RGB的方法
2015/12/18 Javascript
基于Angularjs+mybatis实现二级评论系统(仿简书)
2017/02/13 Javascript
五步轻松实现JavaScript HTML时钟效果
2020/03/25 Javascript
Vue实现自定义下拉菜单功能
2018/07/16 Javascript
微信开发之微信jssdk录音功能开发示例
2018/10/22 Javascript
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
2019/04/20 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
Flask的图形化管理界面搭建框架Flask-Admin的使用教程
2016/06/13 Python
python类:class创建、数据方法属性及访问控制详解
2016/07/25 Python
Python中read()、readline()和readlines()三者间的区别和用法
2017/07/30 Python
Python3.7 pyodbc完美配置访问access数据库
2019/10/03 Python
pyinstaller将含有多个py文件的python程序做成exe
2020/04/29 Python
python中加背景音乐如何操作
2020/07/19 Python
美国环保妈妈、儿童和婴儿用品购物网站:The Tot
2019/11/24 全球购物
JENNIFER BEHR官网:各种耳环和发饰
2020/06/07 全球购物
长曲棍球装备:Lacrosse Monkey
2020/12/02 全球购物
法定代表人授权委托书范文
2014/09/22 职场文书
司法工作人员群众路线对照检查材料思想汇报
2014/09/30 职场文书
讲文明倡议书
2015/04/29 职场文书
彩虹社八名人气艺人全新周边限时推出,性转女装男装一次拥有!
2022/04/01 日漫
5个实用的JavaScript新特性
2022/06/16 Javascript