我有一个jQuery航点触发器,我需要每隔一秒钟将新类添加到相同元素的次数。如何在jQuery中设置类似计时器的函数?
给定一个类列表和一些元素,可以调用它<div id="myEl"></div>
,您可以执行以下操作:
var $el = $('div#myEl'),
classes = ['red', 'green', 'blue', 'yellow'],
interval = window.setInterval(function() {
if (classes.length === 0)
window.clearInterval(interval);
$el.addClass(classes.shift());
}, 1000);
这是一个演示
关键是use window.setInterval(fn, interval)
,它接受fn
每interval
毫秒执行一次的回调函数。您会注意到,我在此处为classes
数组为空时添加了条件行。
基本上,该window.setInterval
函数返回一个唯一的整数ID,该ID与您实例化的新间隔相对应。要取消间隔(假设您不希望它永远运行),只需将此ID传递给window.clearInterval
函数即可。在这种情况下,我想在添加classes
数组中的所有类后取消间隔循环。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句