jquery - 借助 jquery 实现闪烁效果

Question

我没有可视化的例子给你看，所以我会尽我所能使它易于理解。- 我可以将它与相机闪光灯进行比较。

这个问题的主要部分是获得有关实现目标所需使用的功能的答案。

对于这种效果，我有 div 是“基本 div”。在“随机秒数”（最大量可以是 6 秒）中，另一个 div 必须越过“基本 div”并保持可见 0.7 秒。

在此效果之后，它会一次又一次地重复，并在每 0.7 秒闪烁之间使用新的“随机秒数”（最大量可以是 6 秒）

我知道如何让那个“blink div”工作（显示：无；当该显示时，我只写显示：可见；和显示：无；）

但我不知道如何使那个“随机化”功能......

Answer 1

这可能会回答您的“随机化”问题：https ://stackoverflow.com/a/3594189/353710

function getInterval() {
    var min = 1;
    var max = 6;
    // and the formula is:
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

function blink() {
    var newTimeout = getInterval() * 1000;

    console.log('New timeout: ' + newTimeout);

    setTimeout(blink, newTimeout);
}

blink();

我创建了一个小提琴来演示功能。