jQuery 闪烁/Flash 动画答案

【问题标题】：jQuery Flicker/Flash AnimationjQuery 闪烁/Flash 动画
【发布时间】：2011-01-04 19:59:48
【问题描述】：

有没有人知道一个简洁的 jQuery 效果可以使图像随机闪烁或闪烁？这里的大多数帖子都是“如何停止闪烁”等，因此很难找到任何关于实际使图像闪烁的内容。

【问题讨论】：

【解决方案1】：

将此作为您的 HTML：

<img id="test" src="http://sstatic.net/so/img/logo.png">

将此用作您的 javascript：

$(document).ready(
function(){
    var t;
    const fparam = 100;
    const uparam = 100;
    window.flickr = function(){
        if(Math.round(Math.random())){
            $("#test").css("visibility","hidden");
            t = setTimeout('window.unflickr()',uparam);
        }
        else
            t = setTimeout('window.flickr()',fparam);
    }
    window.unflickr = function(){
        if(Math.round(Math.random())){
            $("#test").css("visibility","visible");
            t = setTimeout('window.flickr()',fparam);
        }
        else
            t = setTimeout('window.unflickr()',uparam);
    }

    t = setTimeout('window.flickr()',fparam);
});

如果有人对此有任何反馈，请告诉我。我不确定这是否是最安全的做事方法。我倾向于避免使用 setTimeout，但我不知道有任何其他方法可以做到这一点。这是一个随机闪烁，所以当 img 可见时，它会以每 100 秒 0.5 的概率设置为隐藏，当它隐藏时，它将以每 100 秒 0.5 的概率设置为可见。可以针对不同类型的闪烁调整超时参数。

让我知道你的想法。

【讨论】：