在随机时间为类的每个实例激活函数

Activate function for each instance of class at random time

本文关键字：实例 激活函数 随机 时间      更新时间：2023-09-26

我有5个不同的标签，包含眨眼的图像。我有一个脚本这样做，但他们都在同一时间眨眼，不幸的是，这是明显的。

是否有任何方法，我可以将我的功能属性到每个不同的目标(class="blink")，但有一个随机的延迟，所以每个图像的眨眼率似乎很自然?

函数如下:

var blink = function(){
  $('.blink img + img').toggle();
  setTimeout(function() {
    $('.blink img + img').toggle();
  }, 50);
};
$(document).ready(function() {
  var ranNum = Math.ceil(Math.random() * 200) + 2000;
  setInterval(blink, ranNum);
});

如果有人可以提供一些建议，那么提前感谢!(显然我不允许回复)

您没有指定要眨眼的内容。未经测试，但这将使您走上正确的轨道:

$(function () {
    $('.blink img + img').each(function (key, el) {
        setInterval(function () {
            $(el).hide(0).delay(100).show(0);
        }, Math.ceil(Math.random() * 200) + 2000);
    });
});
相关文章：