Javascript Girl
  1. Javascript Girl
  3. Comment créer un bouton pour le code de la feux de circulation en javascript?
Intereting Posts
Déterminez quand le caret atteint la fin de la boîte de saisie Désactivez iOS Overscroll mais autorisez le défilement du corps Soumettre la valeur du champ de saisie avec jquery UI next button et php echo le résultat Comment obtenir un élément par innerText La page ASP.NET, le chargement de google chart et threejs ne fonctionne parfois pas Comment obtenir le top / left x / y de la carte d'image avec javascript / jquery? Obtenir l'index z d'un DIV en JavaScript? Empêcher la redirection de Xmlhttprequest Accédez aux données JSON avec le chemin d'accès de chaîne? Événement onclick sur le bouton de soumission Trier un ensemble de balises Li par ordre alphanumérique JQuery: désactivez l'événement de clic Les contrôles vidéo HTML5 ne fonctionnent pas Mise à jour dynamique d'un objet JavaScript à partir d'un chemin d'accès chaîne Comment effacer la session en parcourant une page

Comment créer un bouton pour le code de la feux de circulation en javascript?

J'ai l'intention d'inclure un bouton dans mon code de feux de circulation afin que l'utilisateur puisse cliquer dessus pour activer le feu de circulation, mais je ne sais pas où le placer dans mon code.

C'est mon code: 

<head> <script type="text/javascript"> var image1 = new Image() image1.src = "traffic light_1.png" var image2 = new Image() image2.src = "traffic light_2.png" var image3 = new Image() image3.src = "traffic light_3.png" var image4 = new Image() image4.src = "traffic light_2.png" </script> </head> <body> <p><img src="traffic light_1.png" width="500" height="300" name="slide" /></p> <script type="text/javascript"> var step=1; function slideit() { document.images.slide.src = eval("image"+step+".src"); if(step<4) step++; else step=1; setTimeout("slideit()",3000); } slideit(); </script> </body>

Placez le bouton où vous le souhaitez dans la balise du corps. 

 <input type="button" name="start" value="Start/stop Traffic light" onclick="startStop()">

Supprimez le setTimeout et l'appel initial slideit() . 

 var step=1; function slideit() { document.images.slide.src = eval("image"+step+".src"); if(step<4) step++; else step=1; }

Et ajoutez la fonction startStop ci-dessous et la déclaration de la variable de working . 

 var working; function startStop() { if (typeof working != 'undefined') working = clearInterval(working); else working=setInterval("slideit()", 3000); }