• 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-: Cerco beta testers, o persone che cercando un retro fatto come si deve: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  2. XxxMarcoxxX XxxMarcoxxX: https://www.sciax2.it/forum/threads/nuova-app-novembre-2019-5-eur-di-benvenuto-5-eur-per-ogni-amico-a-che-inviti.700640/
  3. #KiK #KiK: Come guadagnare fino a 10.. *tosse* centesimi in un giorno
  4. TakeoMasaki TakeoMasaki: Salve! Date un occhiata: https://www.sciax2.it/forum/threads/guadagnare-fino-a-1000eur-al-giorno-jupvideo-com.700635/
  5. Cristoforo58 Cristoforo58: :))
  6. 404Error 404Error: Mi fa piacere che questo forum sia ancora in piedi... Quanti giorni interi passati qui dentro!!!
  7. -Sicily94- -Sicily94-: Giorno, cerco beta testers, o persone che cercando un retro fatto come si deve: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  8. #KiK #KiK: Amicii
  9. Cristoforo58 Cristoforo58: Ti ho inviato un PM
  10. -Sicily94- -Sicily94-: Giorno, se cè un MOD disponibile potrebbe contattarmi? Grazie
  11. Carlos. Carlos.: https://www.sciax2.it/forum/threads/joox-full-automated-account-shop.700606/
  12. DarkKB DarkKB: https://www.sciax2.it/forum/threads/habbor-hotel-online.700555/
  13. DjLolOwna DjLolOwna: ho bisogno di una mano
  14. DjLolOwna DjLolOwna: chi è bravo in java?
  15. 𝕴𝖔𝖗𝖔𝖘𝖒 𝕴𝖔𝖗𝖔𝖘𝖒: *PER I PROGETTI CONTATTATEMI*
  16. -Sicily94- -Sicily94-: Ciao, sto cercando persone per questo progetto: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  17. Snowierthrone Snowierthrone: https://www.sciax2.it/forum/threads/anti-virus-tool-per-scovare-backdoor-o-altri-virus-in-file-jar.700600/
  18. Askarymt2 Askarymt2: Va' ancora metin su questo forum?
  19. minaminohw minaminohw: conosce sito per vpn gratuite e affidabili?
  20. 𝕴𝖔𝖗𝖔𝖘𝖒 𝕴𝖔𝖗𝖔𝖘𝖒: Ciao
  21. minaminohw minaminohw: yeao
  22. #KiK #KiK: rispondete please in amore e sentimenti
  23. F fabioref: Ragazzi quale admin posso contattare per assistenza?
  24. 𝕴𝖔𝖗𝖔𝖘𝖒 𝕴𝖔𝖗𝖔𝖘𝖒: Sera
  25. #James #James: ueeeeeeee
Top