JavaScript/Animation/play

 var planet = document.getElementById('earth'),
		Animation = planet.animate([{
	 transform: 'rotate(0deg)',
	 fill : 'blue'
 }, {
	 transform: 'rotate(360deg)',
	 fill : 'skyblue' 
 }
 ], {
 duration: 2000,
 iterations: Infinity,
 fill: 'forwards'
 });
	
 // activate control button
 document.querySelector('#play').addEventListener('click', togglePlayPause);
 
 function togglePlayPause () {
 document.querySelector('output').innerText = ' togglePlayPause';
	if (document.querySelector('#play').textContent == '❙❙') {
		document.querySelector('output').innerText = ' Pause';
		document.querySelector('#play').textContent = '►';
		Animation.pause();
	} else {
		document.querySelector('output').innerText = ' Play';
		document.querySelector('#play').textContent = '❙❙';
		Animation.play();		
		Animation.playbackRate = 1;				
	}
 }