J'ai image fond.jpg comme arrière-plan. Tous les 10, comment charger un nouvel arrière-plan fond_n.jpg qui reste pour 100ms puis retour à arrière-plan.jpg et ainsi de suite?
6 Réponses :
Utilisez la fonction de javascript's ()
ou
jQuery
Voici un exemple (qui n'a pas besoin de jQuery au travail):
Vous pouvez utiliser Par exemple (l'alerte sera affichée après 10 secondes): P>
vous pouvez Changer de fond d'un élément avec: p>
Assurez-vous de vous précharger des images de fond avant de les utiliser. P> LI>
Je conseillerais contre l'utilisation d'utiliser Settimeout (fonction, délai d'attente) code> (fonction de javascript simple) pour définir une fonction code> (que vous pouvez définir) pour exécuter après délai d'attente code> millisecondes p>
$(element).css('background-image', 'url(xy.jpg)')
setTimeout(function () {
alert('I am running!');
}, 10000);
seinterval () code> pour cela (pour de tels petits intervalles, il pourrait s'empiler), utiliser une chaîne de Settimeout () Code> s pour configurer l'action répétée. p> li>
ul>
function change_background( new_image_source ) {
var myimage = $( '#myimage' );
myimage.attr( 'src', new_image_source );
setTimeout( function () {
change_background( 'new image source here' );
}, 10000);
}
Vous pouvez utiliser setInterval code> pour exécuter une fonction toutes les n secondes et settimeout code> pour le code qui modifie l'image de fond: window.setInterval(function(){
$('body').css('backgroundImage', 'url(background_n.jpg)');
window.setTimeout(function(){
$('body').css('backgroundImage', 'url(background.jpg)');
}, 100);
}, 10 * 1000);
N'est-ce pas l'intervalle où les crises peuvent se produire ??