[Rotation is reversed on completing full cycle, Clicking during transition restarts the animation]

yeah, I wanted to reset the counter. wasn't sure why it only happens at that particular angle, think it was (90) after the first cycle. but the solution that you provided was exactly what I was looking for. thanks a bunch!

[Rotation is reversed on completing full cycle, Clicking during transition restarts the animation]

So I have 2 problems here,

 

1. For some reason, the rotation seems to reverse its direction for one of the increment upon completing a full circle. Currently I intend to have the circular blob move through every 30 angles on clicking the button.

 

2. When I click the button again during the transition, it resets the transition instead of chaining it. I was trying to find ways in which I can chain the animation so that it doesn't reset but allow the user to continue onto the next item.

 

Thanks for any help in advance.

See the Pen RNJWbG by anon (@anon) on CodePen