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
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: