Une séquence aléatoire
######################

Ici on souhaite sélectionner au clic une séquence aléatoire (attention, une même séquence peut-être tirée au hasard plusieurs fois de suite !).

:download:`Télécharger l'exemple <aleatoire.zip>`

.. raw:: html

   <div style="max-width:256px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGklEQVQYlWM4c+bMf3TMgA0MBYWDzDkUKQQAlHCpV9ycHeMAAAAASUVORK5CYII=) repeat;margin-bottom:2em;"  class="animation" id="mon-animation"></div>
   <script src="../../_static/lottie.min.js" charset="utf-8"></script>
   <script type="text/javascript">
   var animation = bodymovin.loadAnimation({
     container: document.getElementById('mon-animation'),
     path: '../../_static/animations/temps.json',
     renderer: 'svg',
     loop: true,
     autoplay: false,
   });

   var sequences = [
      [0,150],
      [151,300],
      [301,450],
      [451,600],
   ];

   function animation_a_hasard () {
      var sequence = sequences[ Math.floor( Math.random() * (sequences.length - 1) ) ];
      console.info( 'séquence sélectionnée', sequence );
      return sequence;
   }

   var cible = document.querySelector('.animation');

   cible.addEventListener( 'click', function () {
      animation.playSegments( animation_a_hasard(), true );
   });

   </script>