• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Slot machine

Gabri1997

Nuovo utente
13 Maggio 2017
1
0
1
22
Miglior risposta
0
#1 Autore del topic
Salve , devo creare una slot machine per scuola , il problema che ho riscontrato e che quando schiaccio il bottone gioca i numeri iniziano a girare ma per poterli fermare devo schiarire un altro bottone (ferma) vorrei sapere come fare per avere solo il pulsante gioca e che là slot smetta di girare da sola.

Grazie per l'aiuto. (:

Qui di seguito vi posto il mio codice:





<!DOCTYPE HTML>
<html>
<head>

<title>SLOT MACHINE</title>
<style>

#pulsante{
display: inline-block;
text-align: center;
border-width: 1px;
line-height: 1.1;
font-weight: normal;
font-family: sans-serif;
color: black;
font-size: 12px;
background-color: #693F73;
border-radius: 24px;
}

#pulsante1{
display: inline-block;
text-align: center;
border-width: 1px;
line-height: 1.1;
font-weight: normal;
font-family: sans-serif;
color: black;
font-size: 12px;
background-color: #693F73;
border-radius: 24px;
}

button {
display:block;
width:138px;
height:33px;
margin:22px 62px;
cursor:pointer;
}

#bordo {
border-style: solid;
}

#border {
width: 750px;
adding: 11px;
margin: 320px;
}

.testo {
text-align:center;
}

.contenitore {
margin:0 auto;
width:265px;
align:left;
}

.slotmachine {
width:85px;
height:70px;
float:right;
border:1px ;
background-position:100px;
}

body {
background: url('immagine.jpg');
background-repeat: no.repeat;
background-position 0 0;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}


</style>

<script>
var gira;
function run(){
var immagini = new Array();
immagini = ['1.gif', '2.gif', '3.gif', '4.gif', '5.gif'];
var loop = Math.floor(Math.random()*5);
document.images.uno.src = immagini[loop];

var immagini = new Array();
immagini = ['1.gif', '2.gif', '3.gif', '4.gif', '5.gif'];
var loop = Math.floor(Math.random()*5);
document.images.due.src = immagini[loop];

var immagini = new Array();
immagini = ['1.gif', '2.gif', '3.gif', '4.gif', '5.gif'];
var loop = Math.floor(Math.random()*5);
document.images.tre.src = immagini[loop];


gira = setTimeout('run()', 10);
}

function stop(){
clearTimeout(gira);
}
</script>

</head>

<body background="immagine.jpg">

<div class="testo" id="border">


<div class="contenitore">

<div id="bordo" class="slotmachine"><img id = "uno" src = "1.gif"></div>
<div id="bordo" class="slotmachine"><img id = "due" src = "2.gif"></div>
<div id="bordo" class="slotmachine"><img id = "tre" src = "3.gif"></div>

<div class="clear"></div>
</div>

<div><button id="pulsante" type = "buttom" onclick = "run()">GIRA</button></div>
<div><button id="pulsante1" type = "button" onclick = "stop()">STOP</button></div>
</div>

</div>
</body>
</html>
 
Ultima modifica:

megainter97

Utente Attivo
21 Febbraio 2011
452
4
39
Miglior risposta
0
#2
basta che richiami la funzione stop alla fine della funzione run. In questo modo dopo aver estratto randomicamente per n secondi i valori, passerà alla funzione stop . (non uso js da molto, potresti aver bisogno di spostare la funzione stop sopra alla run, non sono sicuro. Vengo dal c e lì sarebbe così )
 
Mi Piace: BusyStar

Efesto.

Utente Assiduo
7 Ottobre 2011
758
5
40
29
Napoli
Miglior risposta
0
#3
Ecco a te G @Gabri1997 :emoji_slight_smile:
Codice:
<!DOCTYPE HTML>
<html>
<head>
<title>SLOT MACHINE</title>
<style>
#pulsante{
display: inline-block;
text-align: center;
border-width: 1px;
line-height: 1.1;
font-weight: normal;
font-family: sans-serif;
color: black;
font-size: 12px;
background-color: #693F73;
border-radius: 24px;
}

#pulsante1{
display: inline-block;
text-align: center;
border-width: 1px;
line-height: 1.1;
font-weight: normal;
font-family: sans-serif;
color: black;
font-size: 12px;
background-color: #693F73;
border-radius: 24px;
}

button {
display:block;
width:138px;
height:33px;
margin:22px 62px;
cursor:pointer;
}

#bordo {
border-style: solid;
}

#border {
width: 750px;
adding: 11px;
margin: 320px;
}

.testo {
text-align:center;
}

.contenitore {
margin:0 auto;
width:265px;
align:left;
}

.slotmachine {
width:85px;
height:70px;
float:right;
border:1px ;
background-position:100px;
}

body {
background: url('immagine.jpg');
background-repeat: no.repeat;
background-position 0 0;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
</style>
<script>
var gira;
var stop;
function fermo(){
    clearTimeout(gira);
}
function run(){
var immagini = new Array();
immagini = ['1.gif', '2.gif', '3.gif', '4.gif', '5.gif'];
var loop = Math.floor(Math.random()*5);
document.images.uno.src = immagini[loop];

var immagini = new Array();
immagini = ['1.gif', '2.gif', '3.gif', '4.gif', '5.gif'];
var loop = Math.floor(Math.random()*5);
document.images.due.src = immagini[loop];

var immagini = new Array();
immagini = ['1.gif', '2.gif', '3.gif', '4.gif', '5.gif'];
var loop = Math.floor(Math.random()*5);
document.images.tre.src = immagini[loop];


gira = setTimeout('run()', 10);
stop = setTimeout('ferma()', 5000);

}
</script>
</head>

<body background="immagine.jpg">

<div class="testo" id="border">
    <div class="contenitore">
        <div id="bordo" class="slotmachine"><img id = "uno" src = "1.gif"></div>
        <div id="bordo" class="slotmachine"><img id = "due" src = "2.gif"></div>
        <div id="bordo" class="slotmachine"><img id = "tre" src = "3.gif"></div>
        <div class="clear"></div>
    </div>

    <div><button id="pulsante" type = "buttom" onclick = "run()">GIRA</button></div>
</div>

</body>
</html>
 
Ultima modifica:
Shoutbox
  1. -Sicily94- -Sicily94-: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  2. eskereboyz eskereboyz: https://www.sciax2.it/forum/threads/account-habbo.700424/
  3. DarkKB DarkKB: @999k https://www.sciax2.it/forum/threads/new-luxworld.700391/
  4. 999k 999k: https://www.sciax2.it/forum/threads/ihabbon-project.700336/
  5. 999k 999k: Retro innovativi ne abbiamo?
  6. JaxosItalia JaxosItalia: https://www.sciax2.it/forum/threads/jaxos-hotel.700052/
  7. DarkKB DarkKB: https://www.sciax2.it/forum/threads/new-luxworld.700391/
  8. #KiK #KiK: Amiciiiii
  9. Mr. Aizen Mr. Aizen: Buondì
  10. F FulmineVerde: https://www.sciax2.it/forum/threads/aumentare-prestazioni-del-pc.700408/
  11. -Sicily94- -Sicily94-: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  12. TokosRetro TokosRetro: Salve
  13. -Marco -Marco: Ciao bellissimi!
  14. #KiK #KiK: Siiii
  15. Cristoforo58 Cristoforo58: Kaffeee?!1!1!11 @#KiK
  16. #KiK #KiK: We my friendz
  17. F FulmineVerde: Ci sono vinny e Cristoforo che accedono
  18. F FulmineVerde: Non è stato abbandonato
  19. Alert Alert: C'è un mod che ha l'ultimo login a maggio °-°
  20. Alert Alert: Ma il forum è stato abbandonato o è una mia impressione?
  21. F FulmineVerde: https://www.sciax2.it/forum/threads/problema-paginazione-php-pdo.700399/
  22. #Egzon14 #Egzon14: Che brutta fine che sta facendo Sciax2
  23. DarkKB DarkKB: Ciao, Benvenuto in Sciax2 Forum. La Community tratta di tutto, Giochi online, computer,vita quotidiana
  24. Old.Hunter Old.Hunter: oltre a ciò, potreste dirmi di cosa tratti precisamente questa community?
  25. Old.Hunter Old.Hunter: Ciao a tutti, mi sono appena registrato per vendere un mio servizio
Top