parar ação

[Biel. 9]

Olá pessoal. O código abaixo, à ação é disparada assim que a página é carregada. Como para à ação quando chegar no nº 20 ?

<p id="idggg"></p>

<script>
  var maximo = 20;
var intervalo = 500;

element = document.getElementById('idggg');

var contador=1;
      setInterval(function () {
//var cont = contador++;			
      element.innerHTML += contador++ + '<br>' ;
	  }, intervalo);
		  
// for($i=1; $i<=20;$i++)	

//   clearInterval(maximo);
//  window.stop();

</script>

 

[wanderval 19]

tenho uma observação porque não reusou o codigo sugerido pelo Omar no outro post relacionado ao meso tema? e pelo que vejo das suas tentativas você apenas precisava incluir uma condição a funcionalidade das funóes dele já proporcionavam isso

 

var executa,
    intervalo = 1000,
    maximo = 20,
    element = document.getElementById('idggg');

function func1() {
    let contador = 0;
    executa = setInterval(function () {
       contador++;
       element.innerHTML += ' Count: ' + contador;
       if(contador == maximo){
         func2();
       }
    }, intervalo);
}

function func2() {
    clearInterval(executa);
}

func1();

 

[Biel. 9]

1 hora atrás, wanderval disse:

você apenas precisava incluir uma condição

 

Compreendo wanderval. Não sei nada de javascript e gostaria de mais tempo para aprender. Tudo que agrega, valorizo, desde uma "simples dica" do ponto de vista de muitos, até uma dica incrível.  O que posto na maioria das vezes está mais de 90% pronto.  Se uma dica sua ou de qualquer outra pessoa ajudar no fechamento da tarefa é só alegria. As dicas de todos vocês tem me ajudado muito. Obrigado ! 

[Biel. 9]

1 hora atrás, wanderval disse:

tenho uma observação porque não reusou o codigo sugerido pelo Omar no outro post relacionado ao meso tema? e pelo que vejo das suas tentativas você apenas precisava incluir uma condição a funcionalidade das funóes dele já proporcionavam isso

 

var executa,
    intervalo = 1000,
    maximo = 20,
    element = document.getElementById('idggg');

function func1() {
    let contador = 0;
    executa = setInterval(function () {
       contador++;
       element.innerHTML += ' Count: ' + contador;
       if(contador == maximo){
         func2();
       }
    }, intervalo);
}

function func2() {
    clearInterval(executa);
}

func1();

 

não funcionou , mas vou continuar tentando

[wanderval 19]

1 hora atrás, Biel. disse:

não funcionou , mas vou continuar tentando

 mas eu fiz o teste é está funcionando, poste o codigo html e javascript seu para que eu possa comparar

 

meu testes jsbin: https://jsbin.com/saqidocane/edit?html,js,console,output

[wanderval 19]

1 hora atrás, Biel. disse:

não funcionou , mas vou continuar tentando

 mas eu fiz o teste é está funcionando, poste o codigo html e javascript seu para que eu possa comparar

 

meu testes jsbin: https://jsbin.com/saqidocane/edit?html,js,console,output

[Biel. 9]

.

[Biel. 9]

..

...

[Biel. 9]

1 hora atrás, wanderval disse:

 mas eu fiz o teste é está funcionando, poste o codigo html e javascript seu para que eu possa comparar

 

meu testes jsbin: https://jsbin.com/saqidocane/edit?html,js,console,output

Me perdi nos códigos. Funcionou perfeitamente. Obrigado !

[wanderval 19]

55 minutos atrás, Biel. disse:

O que você postou tem ligação com meu post anterior, mas serve. Valeu. O tema desse post é: parar ação

sim o outro era start e stop então ja havia a aprte de parar so adaptei