javascript - 在随机时间为类的每个实例激活功能

我有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);
    });
});