Comment définir des images d'arrière-plan à commutation aléatoire dans js

Une page Web parfaite, en plus du HTML et du CSS, JavaScript joue également un rôle important. Dans cet article, nous partagerons avec vous une petite astuce, un exemple simple de définition d'images d'arrière-plan à commutation aléatoire en js.

<script>
   
var imgs =["http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_2.jpg",
       "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_default.png",
       "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_3.jpg",
       "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_1.jpg",
       "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_4.jpg",
       "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_5.jpg",
       "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_6.jpg",
       "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_default-2.jpg",
       ];  
   
var index=Math.floor(Math.random()*8);
var img = imgs[index];
    function time(){
          
       document.body.style.backgroundImage="url("+img+")";
          
    }  
   
document.body.onload = function(){
 time();
}
</script>

Le contenu ci-dessus est un exemple simple de paramètre js pour changer aléatoirement les images d'arrière-plan. J'espère que cela pourra aider tout le monde.

Recommandations associées :

Explication détaillée des exemples de définition d'images d'arrière-plan en CSS

Explication détaillée de la façon dont CSS+html implémente l'image d'arrière-plan remplissage

Un résumé des méthodes courantes pour ajouter des images d'arrière-plan aux boutons dans js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!