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

Question

我想要一個盒子閃爍或反覆彈跳。我不希望它一次反彈。我正在努力確保我獲得用戶的關注。

肯定有一定的影響無限重複的簡單方法。我無法在API中找到這樣的方法。

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

Answer 1

您可以使用setInterval，將執行每N毫秒的功能：

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

Working Demo

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