2013-06-19 3 views
0

Я хочу, чтобы ящик моргнул или моргал снова и снова. Я не хочу, чтобы он подпрыгивал один раз. Я пытаюсь убедиться, что я обращаю внимание пользователя.Как можно обработать эффект с помощью jQuery UI effect()?

Наверняка должен быть простой способ повторения действия на неопределенный срок. Я не могу найти такой путь в API.

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

Там уверенный. Как насчет совместного использования кода, который вы пробовали? – j08691

+1

'setInterval' похоже на решение, которое вы ищете ... –

ответ

6

Вы можете использовать setInterval, который будет выполнять функцию каждые N миллисекунд:

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

Working Demo

+3

Ohhh bouncy, +1 – tymeJV

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/

1

Рекурсивный способ:

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

bounce(); 

jsFiddle

+1

Я тоже об этом думал, но я думаю, что это в конечном итоге вызовет переполнение стека, поскольку у вас будет бесконечная рекурсия – cfs

Смежные вопросы