Вращение элемента Jquery

const $div = $('div'); 
 
const MAX_ANGLE = -1080; 
const speed = 10; // скорость вращения 
let angle = 0; 
const animate = () => { 
  if (angle >= MAX_ANGLE) { 
    requestAnimationFrame(animate); 
  } else { 
    angle = MAX_ANGLE; 
  } 
 
  $div.css('transform', `rotate(${angle}deg)`); 
  angle -= speed; 
} 
 
animate();

div { 
  width: 150px; 
  height: 150px; 
  background: #333; 
  transform-origin: center; 
  transform: rotate(0deg); 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div> 
 
</div>

$('button').click(function(){ 
  $('.spinner').toggleClass('active'); 
})

.spinner{ 
  width:80px; 
  height:80px; 
  border-radius:50%; 
  background:linear-gradient(to right,yellow 50%,orange 50%); 
  transform-origin:center; 
  transition:all .7s ease 
} 
.spinner.active{ 
  transform:rotate(180deg); 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="spinner"></div> 
<button>Крутануть</button>