Eu estou a usar um tooltip plugin
em jQuery para modificar atributos title=""
de várias classes. Estava a correr tudo bem até que me apercebi de um problema - Eu estou a usar um botão que muda de classe conforme ele é clicado, e quando este botão muda de classe o tooltip deixa de funcionar.
É óbvio que eu experimentei adicionar a class
do botão para a qual ela é alterada após ter sido clicada à mesma função do tooltip
no JavaScript, mas isto não funcionou.
Então a minha solução para isto foi usar um setInterval()
para correr esta função de x
em x
tempo para que o tooltip voltasse a funcionar de novo após a class deste botão ter sido modificada.
Mas agora eu tenho 2 questões:
Quando nós utilizamos o
setInterval()
o pedido desta função está a ser enviado para o servidor cada vez que ela tenta correr de novo, ou ela está apenas a ser executada na própria Janela do Navegador em que o utilizador tem em aberto?
(Isto é uma preocupação relacionada ao Bandwidth do servidor)Eu procurei e encontrei outra maneira de constantemente executar esta função utilizando
setTimeout
que dizem ser uma melhor maneira de abordar o mesmo.
Então qual destas duas soluções será a melhor solução para abordar isto e qual é a diferença entre as duas?
// setTimeout
(function loopingFunction() {
$('.like-button').tipsy({fade: true, gravity: 'w'});
setTimeout(loopingFunction, 500);
})();
// setInterval
setInterval(function(){
$('.botao-gosto').tipsy({fade: true, gravity: 'w'});
}, 500);
Juntamente à minha pergunta vai aqui também um exemplo no JsFiddle caso possa ajudar: http://jsfiddle.net/jdbe0fL7/
setTimeout
seria apenas um delay, já setInterval é uma repetição continua com delay.