Uso la funzione Pulsate (http://docs.jquery.com/UI/Effects/Pulsate). Con l'argomento 'times' posso impostare i tempi in cui l'elemento pulsa. Il valore predefinito è 5, ma come posso impostarlo affinché l'elemento pulsi all'infinito.Jquery Pulsate Times
risposta
vi consiglio di non utilizzare jQueryUI a tutti per questo - è un'animazione molto semplice e può essere fatto facilmente senza caricare UI:
// DOM ready
$(function(){
// Self-executing recursive animation
(function pulse(){
$('#my_div').delay(200).fadeOut('slow').delay(50).fadeIn('slow',pulse);
})();
});
lavoro demo: http://jsfiddle.net/AlienWebguy/bSWMC/
Come si può vedere, può essere modificato abbastanza facilmente cambiando la velocità delle dissolvenze e la durata dei ritardi.
La funzione originaria jQueryUI pulsate()
utilizza un ciclo for
per times
quindi non è possibile ottenere il risultato utilizzando questo plugin senza cambiare la logica del plugin:
$.effects.pulsate = function(o) {
return this.queue(function() {
var elem = $(this),
mode = $.effects.setMode(elem, o.options.mode || 'show');
times = ((o.options.times || 5) * 2) - 1;
duration = o.duration ? o.duration/2 : $.fx.speeds._default/2,
isVisible = elem.is(':visible'),
animateTo = 0;
if (!isVisible) {
elem.css('opacity', 0).show();
animateTo = 1;
}
if ((mode == 'hide' && isVisible) || (mode == 'show' && !isVisible)) {
times--;
}
for (var i = 0; i < times; i++) {
elem.animate({ opacity: animateTo }, duration, o.options.easing);
animateTo = (animateTo + 1) % 2;
}
elem.animate({ opacity: animateTo }, duration, o.options.easing, function() {
if (animateTo == 0) {
elem.hide();
}
(o.callback && o.callback.apply(this, arguments));
});
elem
.queue('fx', function() { elem.dequeue(); })
.dequeue();
});
};
Solo un'ipotesi selvaggia, ma proverei a 0 o -1. Se questo non aiuta, puoi semplicemente aggiungere un valore che è vicino a illimitato, forse 1000000 o qualcosa del genere.
Jordy, è possibile utilizzare il pulsate all'interno di una funzione per eseguire quanto sopra.
//the function
function pulsateforever(){
$("element").effect("pulsate", { times:1 }, pulsatetime,function(){
//repeat after pulsating
pulsateforever();
});
}
//call function when DOM is ready
$(function(){
pulsateforever();
});
Assicurati di sostituire elemento con l'elemento che si desidera a pulsare, e pulsatetime con la velocità con cui si desidera pulsare.
+1 Questo sarà assolutamente lavorare, anche se, come ho già detto questo non dovrebbe stare usando JQueryUI - un semplice '$ ('elemento'). fadeOut ('slow'). delay (500) .fadeIn ('slow', ricorsione ..)' credo sia ottimale. – AlienWebguy
Ok, quindi cosa dovrei fare? Non usi UI Pulsate ma Fade in e out? Grazie per l'aiuto;-)! – Jordy
Vedere il mio post aggiornato per una spiegazione – AlienWebguy
verificare questa nuova plugin
Funziona come il fascino e l'effetto pulsato funziona su tutti i browser.
base al largo di risposta di AlienWebguy, ma senza "nascondere" e "show" ing l'elemento, invece appena animare l'opacità:
(function pulse(){
$("#elem").delay(200).animate({'opacity':1}).delay(500).animate({'opacity':0},pulse);
})();
questo è abbastanza bello e semplice e fa il lavoro –
- 1. jQuery pulsate effect
- 2. Stop Pulsate jQuery Effect
- 3. jQuery: evento click chiamato $ ('textarea'). Val(). Trim(). Times times
- 4. parsing Javascript Times senza data
- 5. Repeat list object n times
- 6. Release vs Debug Build Times
- 7. Effetto bagliore/pulsate Javascript per fermarsi al momento del clic
- 8. Conversione bsxfun con @times per NumPy
- 9. Utilizzo della parola "& times" in html in ×
- 10. Android onScrollChanged per Scrollview Fired Multiple Times
- 11. Rails times oddness: "x days from now"
- 12. Python: loop through list item x times?
- 13. Font "Times New Roman" non supporta lo stile "Regular"
- 14. Rileva listener su mese che scorre in times square android
- 15. Count No of times Il programma è stato eseguito
- 16. Perché non c'è un Times. Sempre in Moq?
- 17. Metodo SignalR Client Cired Multiple Times in Angular Service
- 18. Come utilizzare IndexOf in JQuery
- 19. Chiama la funzione personalizzata dopo jQuery sortable();
- 20. Riproduzione di R rep con l'argomento times in C++ e Rcpp
- 21. Perché i millisecondi total times hanno le stesse cifre nelle parti integer e decimali?
- 22. Rhino Mocks - Come affermare un metodo di simulazione è stato chiamato n-times?
- 23. Swift Compile Times - La parola chiave 'final` dovrebbe aumentare o diminuire la compilazione?
- 24. Output of times (AM/PM) modificato in Windows 10 quando si utilizza DateTime.ToString ("tt")
- 25. Outlook 2010 che sostituisce la famiglia di font da Arial a Times New Roman
- 26. Jquery Automatic Image Slider w/CSS & jQuery
- 27. jquery pageinit non sparato
- 28. Jquery Convalida Jquery
- 29. jQuery jquery-tmpl roadmap
- 30. jQuery
Che cosa mi consiglia? – Jordy
Vedi codice aggiornato – AlienWebguy
Wow, grazie. Ultima domanda, se uso l'esempio di fade-in, fade-out l'elemento scompare per alcuni millisecondi, ma tutti gli elementi sotto l'elemento dissolvenza vanno su e giù. Scusate il mio inglese ;-), quindi è possibile che l'elemento si dissolva e scomparisse senza scomparire? – Jordy