Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Deboracgs

contador para animação

Por , em Javascript

Recommended Posts

Deboracgs    0

Deboracgs
Postado

estou fazendo uma animação com o click do jquery, mas não está funcionando corretamente. Atribui o valor de 0 no html, e quando clica na seta para ir para o próximo passo ele ta vindo como 0 e deveria vir como 0, aqui está o código em jquery


		$("#arrowrecomende").click(function() {
				
			var count = $(this).attr('c-box');

			if(count == 1 || count == 0){

				$("#arrowrecomende").hide();	
				$(".divlink").hide();
				$(".divmusica").hide();
				$(".addComentario").hide();
				$("#enviar").css('display','none');

				antena1.recomende.AnimateRotate(-90, 0);

				$( "#arrowrecomende" ).fadeIn( 5000, function() {

					$(".divartista").show();
					$("#arrowrecomende").show();
					$(this).attr('c-box', 2);
					
				});

				
			}


			if(count == 2){

				$("#arrowrecomende").hide();
				$(".addComentario").hide();
				$(".divartista").hide();

				var animate2 = antena1.recomende.AnimateRotate(-180, -90);
				
				$( "#arrowrecomende" ).fadeIn( 5000, function() {

				    $(".divmusica").show();
					$("#arrowrecomende").show();
					$("#enviar").css('display','none');
					$(this).attr('c-box', 3);
					

				});	
				
			}

			if(count == 3){

				$("#arrowrecomende").hide();
				$(".divmusica").hide();
				$(".addComentario").hide();

				antena1.recomende.AnimateRotate(-270,-180);
				
				$( "#arrowrecomende" ).fadeIn( 5000, function() {

					$("#arrowrecomende").show();
					$(".divlink").show();
					$(this).attr('c-box', 4);
					
				});

				
			}

			if(count == 4){

				$("#arrowrecomende").hide();
				$(".divmusica").hide();
				$(".divlink").hide();

				antena1.recomende.AnimateRotate(-360,-270);

				$( "#arrowrecomende" ).fadeIn( 5000, function() {

					$("#enviar").css('display','block');
					$("#arrowrecomende").show();
					$(".addComentario").show();
					$(this).attr('c-box', 1);
					

				});
	
			}

			if (count > 4){

				count = 1;
			}
		
		console.log(count);

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sergio Tomas    16

Sergio Tomas
Postado

Boa tarde débora tudo bem? Eu recomendaria você colocar a contagem em uma váriavel global e não em um atributo de uma tag, veja um exemplo prático:

var count = 0; //sua variavel global

$("#arrowrecomende").click(function() {
				
			//var count = $(this).attr('c-box'); pode comentar n serve mais

			if(count == 1 || count == 0){

				$("#arrowrecomende").hide();	
				$(".divlink").hide();
				$(".divmusica").hide();
				$(".addComentario").hide();
				$("#enviar").css('display','none');

				antena1.recomende.AnimateRotate(-90, 0);

				$( "#arrowrecomende" ).fadeIn( 5000, function() {

					$(".divartista").show();
					$("#arrowrecomende").show();
					count = 2;
					
				});

				
			}


			if(count == 2){

				$("#arrowrecomende").hide();
				$(".addComentario").hide();
				$(".divartista").hide();

				var animate2 = antena1.recomende.AnimateRotate(-180, -90);
				
				$( "#arrowrecomende" ).fadeIn( 5000, function() {

				    $(".divmusica").show();
					$("#arrowrecomende").show();
					$("#enviar").css('display','none');
					count = 3;
					

				});	
				
			}

			if(count == 3){

				$("#arrowrecomende").hide();
				$(".divmusica").hide();
				$(".addComentario").hide();

				antena1.recomende.AnimateRotate(-270,-180);
				
				$( "#arrowrecomende" ).fadeIn( 5000, function() {

					$("#arrowrecomende").show();
					$(".divlink").show();
					count = 4;
					
				});

				
			}

			if(count == 4){

				$("#arrowrecomende").hide();
				$(".divmusica").hide();
				$(".divlink").hide();

				antena1.recomende.AnimateRotate(-360,-270);

				$( "#arrowrecomende" ).fadeIn( 5000, function() {

					$("#enviar").css('display','block');
					$("#arrowrecomende").show();
					$(".addComentario").show();
					count = 1;
					

				});
	
			}

			if (count > 4){

				count = 1;
			}
		
		console.log(count);

É sempre bom deixar o javascript guardar a informação e não o HTML, veja se funciona fico no aguardo. :)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • ILR master
      Abrir url na mesma janela
      Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
    • Giovanird
      Atualizar pagina PHP que esta dentro de uma div
      Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Thiago Duarte
      Drag and Drop para arrastar imagem
      Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • belann
      Upload de arquivos com javascript
      Por belann
      Olá!
       
      Estou fazendo o upload de arquivos com fetch dessa forma
      fetch(url, {
              method: 'POST',
              headers: {'Content-Type': 'multipart/form-data',},
              body: formData 
          }).catch((error) => (console.log("Problemas com o Upload"), error));
       
      estou usando input type=file
      e criando uma const formData = new FormData(); 
      mas não faz e não dá nenhum erro.
      estou fazendo o upload com a url="http://localhost/dashboard/dados".
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito