当前位置：首页 > 资讯 > 技术文档

浅谈jQuery中setInterval()方法

时间：2020-09-04 06:00 编辑：来源：阅读：
扫一扫，手机访问

摘要：浅谈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内部写下自行调用的函数，然后在给他套上一个有名函数，然后通过调用有名函数来实行自动，在别处调用比较方便。以上纯属个人看法，希望大神们多多指点。

全部评论(0)

上一篇：js实现宇宙星空背景效果的方法
下一篇：js实现非常棒的弹出div

资讯排行榜
更多>>