jQuery:每秒添加一次类

山姆

我有一个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),它接受fninterval毫秒执行一次的回调函数您会注意到,我在此处为classes数组为空时添加了条件行

基本上,该window.setInterval函数返回一个唯一的整数ID,该ID与您实例化的新间隔相对应。要取消间隔(假设您不希望它永远运行),只需将此ID传递给window.clearInterval函数即可。在这种情况下,我想在添加classes数组中的所有类后取消间隔循环

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章