Jquery finish metodu nasıl kullanılır?

Jquery finish() metodu çalışan bir animasyonun işlemini tamamlayıp bitirmesini sağlar.

Jquery finish() metodunun Jquery stop() metodundan farkı ise animasyonu durdurmayıp, animasyonu bitirmesidir.

Jquery finish() Metodu Kullanımı

HTML

<div> kutu </div>
<button id="dur"> Dur </button>
<button id="bitir"> Bitir </button>

CSS

div {
    width: 50px;
    height: 50px;
    border: 1px solid #000;
}

JS

/* .finish() metodu */

$('div').animate({
    marginLeft: '250px'
}, 3000).animate({
    marginTop: '250px'
}, 3000);

$('#dur').click(function(){
    $('div').stop(true);
});
$('#bitir').click(function(){
    $('div').finish();
});