Toast

FadeOut

by Jose Montero

HTML

<div id="root">

</div>
<button>
Stop
</button>

JavaScript

$(function(){
  var randomMsg = "Toasting ";
	var intervalId = setInterval(createToast, 1000, randomMsg);
	$(document).on('click', 'button', stopAnimation);
	function createToast(msg){
  
  	$("#root").append($('<div>').attr('id', 'toast').text(msg).fadeOut(5000));
    
    //clearInterval(intervalId)
    //$('#toast:visible').fadeOut().remove();
  }
	function stopAnimation(){
  	clearInterval(intervalId)
  }
});