如何讓CSS3動畫在執行完一遍後再次重新執行

CSS3的animation動畫很炫酷，但是一般情況下，animation只能執行一遍，如何多次重複執行，或者相應某一事件多次執行呢？
關鍵是要利用好animationend這一事件監聽，當animation動畫被執行後就會出現animationend這一事件，這個時候移除加載該動畫的元素上的類，然後再次給該元素加載上動畫類，就可以重新執行該動畫了。

document.getElementById("someElementID").addEventListener('animationend',function(){
	this.classList.remove('someAnimationClass');
});		

在執行完動畫並移除了有動畫的類後，再添加有動畫的類，就可以再次動起來：

document.getElementById("someElementId").classList.add('p1animation');