finish()

finish()はアニメーションを終了させ、アニメーションの完了状態に遷移するメソッドです。

$(".start").click(function(){
	$(".ele").animate({
		width: 1000
	},5000);
});
$(".stop").click(function(){
	$(".ele").finish();
});

finish()はstop()を以下のように利用した際と似た挙動を行います。

$(".ele").stop(true,false)

この場合はアニメーション終了後、完了状態に遷移して次のキューのアニメーションが実行されますが、finish()では即座に最後のアニメーションキューの完了状態に遷移します。

finish()はjQuery 1.9.0で追加されたメソッドです。

登録日 : 2013年01月09日最終更新日 : 2013年1月9日

jQuery リファレンス