Désynchronisation avec setInterval, comment faire en JQuery?
Bonjour,
J'ai une fonction récursive qui me permet de changer le background d'un site automatiquement toute les 15 secondes. Seulement j'utilise setTimeout qui n'est pas propre au framework JQuery et qui en plus de ça provoque un décalage de transition au fil du temps (plus on laisse la page affichée sur le navigateur)
Ma question est la suivante, avez-vous une solution plus "propre" en JQuery permettant de faire exactement la même chose?
Un grand merci! :ccool:
Voici le code:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| (function(){
setTimeout(function() { $('#background').attr({'src':'images/background3.jpg'}) }, 1500);
var i = 0;
setInterval(function(){
$("#background").attr({'src':'images/background'+ (i++%3 + 1) +'.jpg'});
}, 15000);
setInterval(function(){
$("#background").animate({'opacity': '0'},100);
},14900);
setInterval(function(){
$("#background").animate({'opacity': '1'},1000);
},15000);
})(); |
