Animatable fontawesome icons

animate.js

//need to figure way of fixing timeout in loop
function AnimateIcon(iconList,elementId,timeInSeconds)
{
  timeInSeconds*=1000;//Convert the timeIn seconds to milliseconds
  
  var element = document.getElementById(elementId);//Get the element
  var totalAnimationTime = 0; 
  
  var i = 0;
  element.innerHTML= iconList[i];
   
  //Loop through all icons in the icon list
  setTimeout(function(){
    totalAnimationTime += ((i+1)*timeInSeconds);
    element.innerHTML = iconList[i];
    console.log(i);
    i++;
  },((i+1)*timeInSeconds));
  
}
//Testing it out
var batteryCharge = ["&#xf244","&#xf243","&#xf242","&#xf241","&#xf240"];
AnimateIcon(batteryCharge,"battery",1);