jveuzebio Postado Outubro 5, 2018 Denunciar Share Postado Outubro 5, 2018 Bom dia! Desculpa a ignorância, mas alguém saberia me informar qual o erro ? Esse contador deveria ir do 0 a0 100. <div class="counter">0</div> <style><!-- .counter{ text-align: center; font-size: 100px; } --></style> <script type="text/javascript">// <![CDATA[ function count(){ var counter = { var: 0 }; TweenMax.to(counter, 3, { var: 100, onUpdate: function () { var number = Math.ceil(counter.var); $('.counter').html(number); if(number === counter.var){ count.kill(); } }, onComplete: function(){ count(); }, ease:Circ.easeOut }); } count(); // ]]></script> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Leonardo Persan Postado Outubro 5, 2018 Denunciar Share Postado Outubro 5, 2018 Bom dia. Quando a variável chega a 100 o script já termina, não precisa do count.kill() Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 jveuzebio Postado Outubro 5, 2018 Autor Denunciar Share Postado Outubro 5, 2018 Ah ok obrigado, mas ele não esta realizando a contagem não consigo entender o por que. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Leonardo Persan Postado Outubro 5, 2018 Denunciar Share Postado Outubro 5, 2018 Qual erro ele gera no console? porque aqui ele funcionou, depois que tirei a linha do count.kill() Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 jveuzebio Postado Outubro 5, 2018 Autor Denunciar Share Postado Outubro 5, 2018 Aparentemente ele não ta lendo o comando java, só o css Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Leonardo Persan Postado Outubro 5, 2018 Denunciar Share Postado Outubro 5, 2018 Da um print do console ou então passa o link da página Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 jveuzebio Postado Outubro 5, 2018 Autor Denunciar Share Postado Outubro 5, 2018 A página que estou realizando o teste do contador é essa https://www.boutiqueinfantil.com.br/testando Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Leonardo Persan Postado Outubro 5, 2018 Denunciar Share Postado Outubro 5, 2018 O erro é esse. Você esqueceu de acrescentar a biblioteca do TweenMax Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 jveuzebio Postado Outubro 8, 2018 Autor Denunciar Share Postado Outubro 8, 2018 Bom dia, Beleza, muito obrigado! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 FranciMendes Postado Fevereiro 1, 2021 Denunciar Share Postado Fevereiro 1, 2021 A página que estou realizando o teste do contador é essa https://www.divinalu.com.br/ Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
jveuzebio
Bom dia!
Desculpa a ignorância, mas alguém saberia me informar qual o erro ? Esse contador deveria ir do 0 a0 100.
<div class="counter">0</div>
<style><!--
.counter{
text-align: center;
font-size: 100px;
}
--></style>
<script type="text/javascript">// <![CDATA[
function count(){
var counter = { var: 0 };
TweenMax.to(counter, 3, {
var: 100,
onUpdate: function () {
var number = Math.ceil(counter.var);
$('.counter').html(number);
if(number === counter.var){ count.kill(); }
},
onComplete: function(){
count();
},
ease:Circ.easeOut
});
}
count();
// ]]></script>
Link para o comentário
Compartilhar em outros sites
9 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.