Valore alert nel div

  • Creatore Discussione Creatore Discussione dev
  • Data di inizio Data di inizio

dev

Nuovo Utente
12 Mag 2016
12
0
1
Salve a tutti,
Alla seguente pagina ho riportato l'esempio: http://www.eventclub.it/animated-number/prova8.html
allo STOP si apre un alert dove viene scritto un valore riferito all'animazione. E' possibile invece scriverlo nel div_1 , div_2 e poi fare la somma nel div_somma sotto il pulsante?
di seguito il codice
HTML:
<div align="center">
<div  id="sfondoCounter">
  <div id="counter"><span  class="count">9999</span></div>
</div>
<br>
<button  id="avvio" ><span  class="button">start</span></button>
<font color="FFFFFF">..........................</font>
<button  id="ferma" ><span  class="button">stop</span></button>
<font color="FFFFFF">....................</font>
<button  id="reset" ><span  class="button">reset</span></button>
</div>
<br>
<div align="center">
<div id="div_1" style="width:100px; height:20px; border:1px solid; padding:5px;"></div>
<div id="div_2" style="width:100px; height:20px; border:1px solid; padding:5px;"></div>
<div id="div_somma" style="width:100px; height:20px; border:1px solid; padding:5px;"></div>
</div>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
            $("#avvio").click(function () {
                start();
            });

            $("#ferma").click(function () {
                stop();
            });
          
            $("#reset").click(function () {
            location.reload();
            });         

            function start() {
                $('.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();
                 alert($(this).text());
         });
          }

</script>
  </body>
</html>
 
Ultima modifica di un moderatore:
Ciao, devi usare il metodo html() per scrivere in un div
Codice:
$("#div_1").html($(this).text());
 

Discussioni simili