script per far funzionare l'animazione

dev

Nuovo Utente
12 Mag 2016
12
0
1
Buongiorno,
ringrazio da subito se c’è qualcuno che può darmi un aiuto per integrare i bottoni alla animazione.
Ai seguenti link ci sono le pagine di prova per vedere e modificare il codice:
http://www.eventclub.it/animated-number/prova2.html — animazione che parte alla apertura di pagina http://www.eventclub.it/animated-number/prova3.html — animazione in stand by
L’obbiettivo è far funzionare i bottoni START e STOP soprattutto coi cellulari
Ho provato ad aggiungere il seguente script guardando qualche video, ma non mi funziona

Codice:
<script type=”text/javascript”>
    $(‘document’).ready(function(){
    $(‘#start’).bind(‘click’ , start);
    function start(){
    $ (‘count’).start();
    }
    });
    </script>
 
Ultima modifica di un moderatore:

dev

Nuovo Utente
12 Mag 2016
12
0
1
Sono riuscito a far funzionare il bottone START
Mi manca di far funzionare il bottone STOP
Se qualcuno può aiutarmi
Grazie

Questo il link: http://www.eventclub.it/animated-number/prova4.html

Questo il codice:

HTML:
<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title></title>
    
    <style>
    #css
{
  width: 100px;
	height: 100px;
	background: red;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
  float:left;
  margin:5px;
}
.count
{
  line-height: 200px;
  color:white;
  margin-left:10px;
  font-size:150px;
  float:center;
}
#sfondoCounter {
   width: 400px;
   height: 200px;
   background: red;
   position: relative;
   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;
  float:center;
  margin:20px;
}
    
    </style> 
  
  </head>

  <body>

<div align="center">
<div  id="sfondoCounter">
  <div id="count"><span  class="count">9999</span></div>
</div>
<br>
<input type="button" id="avvio" value="START" />
<input type="button" id="stop" value="STOP" />
</div>


    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>   
     
      <script> 
	  
	  $("#avvio").click(function(){
		  
  $('.count').each(function () {
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 45000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
});

});
 
  </script>

  </body>
</html>
 
Ultima modifica di un moderatore:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, devi separare le due funzioni, piu o meno cosi
Codice:
            $("#avvio").click(function () {
                avvio();
            });

            $("#stop").click(function () {
                stop();
            });

            function avvio() {
                $('.count').each(function () {
                    $(this).prop('Counter', 0).animate({
                        Counter: $(this).text()
                    }, {
                        duration: 45000,
                        easing: 'swing',
                        step: function (now) {                            
                            $(this).text(Math.ceil(now));
                        }
                    });
                });
            }

            function stop() {
                $('.count').each(function () {
                    $(this).stop();
                });

            }
nella funzione stop metterai quello che ti serve per fermare il count
 
Discussioni simili
Autore Titolo Forum Risposte Data
D script per far funzionare l'animazione Presentati al Forum 1
P Script per far scomparire l'input dopo aver premuto invio? Javascript 8
S urgentissimo necessità di script per evitare di far visualizzare immagini "rubate" Javascript 12
E Script per far caricare pagine diverse Javascript 5
A Script per far hostare forum.. e file.. PHP 0
G Comando per far partire l'esecuzione di script se c'è settato un coocky. Javascript 2
L Script per convertire numeri in parole Javascript 2
P Passare solo alcuni parametri a script per CSV PHP 0
felino Script PHP per leggere un file JSON. autenticazione? PHP 4
romeocharly [PHP] Script per rinominare in automatico le immagini inviate da ftp PHP 0
A [PHP] Script con array con numeri che iniziano per 00 PHP 2
TpD [PHP] Script per organizzazione presenza eventi PHP 3
webmachine [PHP] Script per censurare parole PHP 4
otto9due GDPR 25 Maggio - script per attivare analytics, facebook ecc.. dopo il consenso. jQuery 14
M [PHP] Script per controllo disponibilitá negozio in citta PHP 4
G Inserzione script nella pagina html per jquery jQuery 8
K Script PHP per leggere array.txt Presentati al Forum 3
N [Javascript] script demo preloader per video Javascript 0
Mauro Guardiani [PHP] script per caricamento video PHP 0
P [Javascript] Aiuto per recupero variabili da script Javascript 10
romeocharly Creare un script/codice in php per collegare un id mysql con un file PHP 0
xone [Vendo] Script php+mysql autocostruito per gestione giacenze magazzino Offerte e Richieste di Lavoro e/o Collaborazione 0
F Script php per IP camera PHP 12
M Script per convertire video youtube in mp3 PHP 1
M Comportamento strano di questo script per caricamento file sql in database PHP 7
D Creare script per calcolo ore PHP 11
L Script per aggiornare pagina html Javascript 2
Y script per upload file PHP 9
G Script per sincronizzare EBay PHP 0
Tommi Script per menù Javascript 16
G Cerco script per importare file .xml e .csv. Lavoro retribuito Offerte e Richieste di Lavoro e/o Collaborazione 2
F Spiegazione script java per randomizzare Javascript 0
IImanuII Licenza per script in PHP PHP 2
S Consigli per script javascript per creare videogiochi Javascript 2
G Script per chat sito adulti PHP 1
S aiuto per script PHP/OOP PHP 2
A Script per download non legge stensione file PHP 1
Z Script per aprire video youtube sia apre a schermo intero e poi ridimensionare in automatico Javascript 1
P Supporto per creare uno script "Add Cart" Offerte e Richieste di Lavoro e/o Collaborazione 7
D Script per email pubblicitarie PHP 2
filippino Script PHP per estrarre dati estrazioni da sito "10 e lotto" PHP 0
M Script Google Maps per ricavare coordinate di un indirizzo PHP 0
andry79fi PLUGIN (o script) per Pagina Facebook con INTERVENTI degli utenti WordPress 0
M Dove sbaglio con questo script per inserimento record? PHP 1
M [risolto] Script ajax per form e mappe Ajax 6
A Sito per presentazione di plugin e script Presenta il tuo Sito 0
H Script per visualizzare ip mi dà errori! PHP 0
A [RISOLTO] Script per il login PHP 8
P script per avviare webcam Javascript 0
C VENDO-SCRIPT ADDMEFAST per incremento FANS su FACEBOOK Annunci servizi di Social Media Marketing 0

Discussioni simili