Skip to main content
se eliminaron 23 caracteres en el cuerpo
Origen Enlace
jbort
  • 457
  • 3
  • 14

No se cuanto dura tu animacion, pero si sabes el tiempo, le puedes hacer un setTimeout y despues devolverle la clase original.

JS

<body>
    <button id="boton">
        Cambiar
      </button>
      <div class="base">
      <p>hola</p>
      </div>
    <script>

var boton = document.getElementById("boton");
    boton.addEventListener("click", basico);

function basico(){
  bas =  document.querySelector(".base");
  bas.className = "animacion";
    
    tiempo = setTimeout(tiempo,2000);
}
function tiempo(){
document.querySelector(".animacion").className = "base";
    
}
   

HTML

    </script><button id="boton">
        Cambiar
      </body>button>
      <div class="base">
      </html>div>

No se cuanto dura tu animacion, pero si sabes el tiempo, le puedes hacer un setTimeout y despues devolverle la clase original.

<body>
    <button id="boton">
        Cambiar
      </button>
      <div class="base">
      <p>hola</p>
      </div>
    <script>

var boton = document.getElementById("boton");
    boton.addEventListener("click", basico);

function basico(){
  bas =  document.querySelector(".base");
  bas.className = "animacion";
    
    tiempo = setTimeout(tiempo,2000);
}
function tiempo(){
document.querySelector(".animacion").className = "base";
    
}
    </script>
</body>
</html>

No se cuanto dura tu animacion, pero si sabes el tiempo, le puedes hacer un setTimeout y despues devolverle la clase original.

JS

var boton = document.getElementById("boton");
    boton.addEventListener("click", basico);

function basico(){
  bas =  document.querySelector(".base");
  bas.className = "animacion";
    
    tiempo = setTimeout(tiempo,2000);
}
function tiempo(){
document.querySelector(".animacion").className = "base";
    
}
   

HTML

    <button id="boton">
        Cambiar
      </button>
      <div class="base">
      </div>
Origen Enlace
jbort
  • 457
  • 3
  • 14

No se cuanto dura tu animacion, pero si sabes el tiempo, le puedes hacer un setTimeout y despues devolverle la clase original.

<body>
    <button id="boton">
        Cambiar
      </button>
      <div class="base">
      <p>hola</p>
      </div>
    <script>

var boton = document.getElementById("boton");
    boton.addEventListener("click", basico);

function basico(){
  bas =  document.querySelector(".base");
  bas.className = "animacion";
    
    tiempo = setTimeout(tiempo,2000);
}
function tiempo(){
document.querySelector(".animacion").className = "base";
    
}
    </script>
</body>
</html>