Bagaimana untuk menghentikan animasi animasi dengan jquery

Question

Terdapat dua kaedah Jalankan kaedah belok Kanan untuk mengawal kotak untuk bergerak ke kanan, dan laksanakan kaedah belok Kiri untuk mengawal kotak untuk bergerak ke kiri.

function tureRight(){
    $('.k-element-plugs-box').animate({
                marginLeft: "0px"
        },1000,function(){
            console.log("end")
    })
}
    
function tureLeft(eletype){
    $('.k-element-plugs-box').animate({
        marginLeft: "-180px"
    },300)    
 }

Dalam kaedah turnRight, saya menambah fungsi panggil balik dalam kaedah animasi animasi untuk melaksanakan console.log("end"). Selepas kaedah turnRight dilaksanakan, kotak bergerak ke kanan selama 1 saat. Selepas tamat Cetak "tamat". Jika saya melaksanakan kaedah turnLeft apabila kotak belum sampai ke kanan (iaitu, masa tidak mencukupi untuk 1 saat), ia akan menunggu selama 1 saat sebelum melaksanakan kaedah turnLeft.
Jika JS ditulis oleh saya sendiri, saya tahu adalah bagus untuk mengosongkan pemasa, tetapi bagaimana anda menghentikan animasi animasi secara turnRight dengan jquery

Answer 1

$('.k-element-plugs-box').stop();
tureLeft();

Answer 2

$('.k-element-plugs-box').stop().animate(), mula-mula hentikan animasi sebelumnya, dan kemudian laksanakan animasi seterusnya

Answer 3

$('xxx').stop() atau $('xxx').stop().animate()
stop() penggunaan khusus dan perihalan parameter boleh didapati dalam dokumentasi, ia akan dijelaskan dengan lebih baik