浅谈jQuery中setInterval()方法

更新时间：2015年07月07日 11:43:48 投稿：hebedich

这篇文章主要介绍了浅谈jQuery中setInterval()方法，十分的简单实用，有需要的小伙伴可以参考下。

定义和用法：

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内部写下自行调用的函数，然后在给他套上一个有名函数，然后通过调用有名函数来实行自动，在别处调用比较方便。

以上纯属个人看法，希望大神们多多指点。

您可能感兴趣的文章:

JS 中的类Public,Private 和 Protected详解
这篇文章主要介绍了JS中的类Public,Private和Protected详解，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
2022-08-08
微信小程序自定义轮播图
这篇文章主要为大家详细介绍了微信小程序自定义轮播图，swiper dots默认样式修改，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
js实现简单的轮播图效果
这篇文章主要为大家详细介绍了js实现简单的轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-12-12
利用js实现选项卡的特别效果的实例
利用js实现选项卡的特别效果的实例，需要的朋友可以参考一下
2013-03-03
js实现文本框宽度自适应文本宽度的方法
这篇文章主要介绍了js实现文本框宽度自适应文本宽度的方法,可实现根据文本框内容动态改变宽度的功能,涉及javascript动态操作页面元素属性的技巧,需要的朋友可以参考下
2015-08-08
完美实现八种js焦点轮播图（下篇）
这篇文章主要介绍了完美实现八种js焦点轮播图的具体代码，基于完美运动框架move2.js实现的焦点录播图，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-07-07
js trim函数去空格函数与正则集锦
在javascript中处理文本框输入值的时候，经常要用到"去掉前后空白"的功能。用过jQuery的朋友都知道，jQuery提供了一个trim()这样的功能函数，可以很轻松帮我们实现这样的效果。
2009-11-11
javascript定义函数的方法
javscript中定义和声明函数有三种方式：正常方法构造函数函数直接量。
2010-12-12
详解javascript的变量与标识符
这篇文章主要为大家介绍了javascript的变量与标识符，感兴趣的小伙伴们可以参考一下
2016-01-01
JS几个常用的函数和对象定义与用法示例
这篇文章主要介绍了JS几个常用的函数和对象定义与用法,涉及JavaScript日期时间、数值计算及变量判断等相关操作技巧,需要的朋友可以参考下
2020-01-01

浅谈jQuery中setInterval()方法

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具