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

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

转载于:https://www.cnblogs.com/kdbBlog/p/4319005.html

setInterval相关推荐

setTimeout、setInterval、promise、async/await的顺序详解（多种情况，非常详细~）
本文很长,列举的情况很多. 在阅读本文之前,如果您有充足的时间,请新建一个项目与本文一同实践. 每段代码都有对应的解释,但是自己动手尝试印象才会更深哦~ setInterval:表示多久执行一次,需要 ...
html里的swal添加倒计时,使用甜蜜警报插件的setInterval函数倒计时
我试图实现倒计时到sweetAlert.在不活动20分钟后,会弹出甜蜜警报并显示会话即将超时,并且用户有两种选择:注销或继续,这将重新启动空闲计时器.当鼠标移动或点击时,空闲计时器也会重置.我的问题是 ...
Window对象中setInterval()和setTimeout()的区别
- setInterval("",time):每隔指定的时间执行一次调用的函数或计算表达式,如果不停止会无限次去执行: - setTimeout("",time ...
微信小程序setinterval_微信小程序中setInterval的使用方法
微信小程序中setinterval的使用方法看了下小程序的画布功能,简单的使用了一下,用蹩脚的逻辑做了个 "弹啊弹,弹走鱼尾纹的小球",一起来看下吧.过程不重要主要是画布的使用哦 ...
javascript requestAnimationFrame 解决 setTimeout、setInterval 时间不准的方法。
javascript requestAnimationFrame 解决 setTimeout.setInterval 时间不准的方法. 取代 setInterval <!DOCTYPE html ...
vue 定时循环 setInterval
代码: <script> export default {beforeDestroy() {clearInterval(this.timer);}, created() {this.get ...
setTimeOut()和setInterval()的用法
setTimeOut()和setInterval()的用法 setTimeOut(function(){},1000); 在特定时间之后调用函数,只调用一次 setInterval(function( ...
JS 中settimeout和setinterval函数的区别
2019独角兽企业重金招聘Python工程师标准>>> 首先settimeout一定时间之后执行表达式或程序,并只执行一次:setinterval是每间隔一定时间后开始执行表达式或程 ...
setInterval 与 clearInterval详解
首先注意,setInterval与clearInterval都是直属于window对象的. 1.直接调用setInterval(即不通过函数调用) <div id="oDiv_show ...
点滴积累【JS】---JS小功能(setInterval实现图片效果显示时间)
效果: 代码: 1 <head runat="server"> 2 <title></title> 3 <script type=&quo ...

setInterval

setInterval相关推荐

最新文章

热门文章