$.get('https://www.easy-mock.com/mock/5911a994acb959185b0c4308/demos/demos',function(data){ data.sites.forEach((site,index) => { setTimeout(() =>{ $('#list').append('<li class="animated slideInLeft">'+site.name+'</li>') },100*index) }) })
<ul id="list"> </ul>
ul{ list-style:none; padding:0; width:300px; overflow:hidden; } li{ width:calc(100%-10px); height:30px; line-height:30px; padding-left:10px; border:1px solid #ccc; }