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
$('.k-element-plugs-box').stop();
tureLeft();
$('.k-element-plugs-box').stop().animate()
, mula-mula hentikan animasi sebelumnya, dan kemudian laksanakan animasi seterusnya$('xxx').stop() atau $('xxx').stop().animate()
stop() penggunaan khusus dan perihalan parameter boleh didapati dalam dokumentasi, ia akan dijelaskan dengan lebih baik