Question

我有5个不同的标签，其中包含眨眼睛的图像。我有一个脚本可以做到这一点，但它们都在同一时间闪烁，不幸的是它很明显。

有没有什么方法可以将我的功能归因于每个不同的目标（class =＆＃34; blink＆＃34;），但是随机延迟，所以每个图像的闪烁率看起来很自然？

这里的功能是：

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

如果有人可以提供一些建议，请提前感谢您！（显然我不允许回复）

Answer 1

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

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

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

1 个答案: