[dima85]

function test(text){
document.body.innerHTML+='<div id="alert" class="alert">'+text+'</div>';
 setInterval(function(){
   elem("alert").classList.add("alert-open");
 },100)
}

.alert {
  position: fixed;
  left: 0;
  right: 0;
  bottom: -30%;
  transition-property: bottom;
  transition-duration: 0.5s;
}
.alert-open {
    bottom: 0%;
}

Когда вызываем функцию у нас появляется блок который плавно выезжает.
Подскажите пожалуйста как избавится от setInterval?
Спасибо.