jquery - 如何使用 jQuery UI effect() 循环效果？

Question

我想要一个盒子一遍又一遍地闪烁闪烁或弹跳。我不想让它反弹一次。我正在努力确保引起用户的注意。

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

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

Answer 1

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

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

工作演示

Answer 2

这是一个简单的纯 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