Lab 14 Stop Method Reflection Journal

           In this lab, I had to use my previous lab 13 and include a feature. I had to create a stop button that stops the animation and another one that stopped all of the animations and finished it to the end. I did this using the jquery stop() method. Unlike my previous lab, I created another column to put a button to stop each animation specifically for that animation. Then I put a stop all and finish button at the top because it would be easier to stop it if it was in the top and you could notice the difference. It was a bit hard doing this lab because it was a bit frustrating since the page wasn't fully loaded yet so I had to double click the button for it to work instead of clicking it just once and I had to be really fast too. Otherwise this lab was kind of easy since I just had to use the syntax shown below. These skills will help me in the future if I want to show the process of an animation, this could be included if the person that visits my page wants to skip the animation to the end.

The basic syntax is:

$(selector).stop(stopAll, goToEnd);