如何使用jQuery UI效果（）循环效果？

Question

我想要一个盒子闪烁或一遍又一遍地反弹。我不希望它反弹一次。我想确保得到用户的注意。

当然必须有一种简单的方法让效果无限重复。我在API中找不到这样的方法。

$('#flashes').effect('bounce',1000)

Answer 1

您可以使用setInterval，它将每N毫秒执行一次函数：

setInterval(function() {
    $('#flashes').effect('bounce',1000)
}, 1000);

Working Demo

Answer 2

这是一个简单的Pure JS函数，可以使一些文本闪烁：

window.setInterval(function() {
    var element = document.getElementById("blink");
    if (element.style.display == "none") {
        element.style.display = "block";
    } else {
        element.style.display = "none";
    }
}, 500);

演示：http://jsfiddle.net/R9dPy/

Answer 3

递归方式：

function bounce() {
    jQuery('#box').effect('bounce', '1000', bounce);
}

bounce();

jsFiddle