What is the difference between done and complete options in the jquery animate method

Question

Today when I was reading new features of the jQuery .animate() method in the options of it I faced two options that I think have the same action.

These options are done and complete. According to docs they are functions that run when the animation completes.

complete
Type: Function()
A function to call once the animation is complete.

and :

done
Type: Function( Promise animation, Boolean jumpedToEnd )
A function to be called when the animation completes (its Promise object is resolved). (version added: 1.8)

Now my question is what is the difference between the two?

Answer 1

JQuery uses promise which means at the time of done JavaScript can go to next function from promise.

Let's say you have written go to foo and go to bar functions. JQuery will start second one after first started execution irrespective of completion of first.

So when you implement promise, it will wait for previous to complete.

Finally in your case, complete will be called once done is done :). So if you want to process once animation is completed and again do some tricks when first trick is completed write it in complete.