2

Suponiendo que el usuario abre un div con cierta ID, el div tendrá un button disabled, que al estar 10 segundos ahí le quitaría la propiedad disabled, pero... ¿cómo sé cuántos segundos han pasado?

(function(){
  var contador = 0;

  document.getElementById('play').addEventListener('click',
    function(){
      if (contador === 2){
        setTimeout(function(){play.disabled = true;}, 10000)

        contador = 0;
      }

      else{
        contador++;
      }
    });
})();

sin jquery porfavor

Me gustaría saber si el código esta defectuoso o existen mejores formas.

1
  • en tu codigo tienes que se deshabilite. (play.disabled = true)
    – lois6b
    el 23 may. 2017 a las 11:36

2 respuestas 2

3

Usa un setTimeOut para ello

 setTimeout(function(){ 
     // Aqui quitar el disabled 
 }, 10000);
0
3

Para ejecutar código con un temporizador el objeto window cuenta con dos métodos:

  • setTimeout: que permite ejecutar una función una vez transcurridos un determinado número de milisegundos

  • setInterval: que permite ejecutar una función repetidamente con el intervalo de milisegundos establecidos

También tienes disponibles los métodos clearTimeout y clearInterval que permiten anular la ejecución diferida.

Aquí tienes un ejemplo utilizando cada uno de ellos:

var boton1 = document.getElementById('boton1');
var boton2 = document.getElementById('boton2');

setTimeout(function(){ boton1.disabled = false; }, 10000);

(function(){
  var cont = 0;
  var inter = setInterval(function(){
    cont++;
    boton2.innerText = cont.toString();
    if (cont === 10){
      boton2.disabled = false;
      clearInterval(inter);
    }
  }, 1000);
})();
<button disabled id="boton1">Botón 1</button>
<button disabled id="boton2">Botón 2</button>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.