ph4x35ccb

controle lâmpada

Apr 27th, 2019
285
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8"/>
  5.     <title></title>
  6. </head>
  7. <body>
  8.     <center>
  9. <h1>JS Lampada</h1>
  10.     <img src="off.jpg" alt="Lâmpada" id="lamp">
  11.     <form>
  12.         <input type="button" value="ON" onclick="on()">
  13.         <input type="button" value="OFF" onclick="off()">
  14.         <input type="button" value="BLINK" onclick="blink()">
  15.     </form>
  16. </center>
  17. <script src="arquivo.js"></script>
  18. </body>
  19. </html>
  20. function on(){
  21.     document.getElementById("lamp").src="on.jpg";
  22. }
  23. function off(){
  24.     document.getElementById("lamp").src="off.jpg";
  25. }
  26. function blink(){
  27.     var intervalo = 0;
  28.     var contador = 0;
  29.     while(contador<10){
  30.         intervalo+= 300;
  31.         setTimeout("document.getElementById('lamp').src='on.jpg';",intervalo);
  32.         intervalo+= 300;
  33.         setTimeout("document.getElementById('lamp').src='off.jpg';",intervalo);
  34.         contador++;
  35.     }
  36. }
Advertisement
Add Comment
Please, Sign In to add comment