Il existe deux méthodes. Exécutez la méthode turnRight pour contrôler la boîte à se déplacer vers la droite et exécutez la méthode turnLeft pour contrôler la boîte à se déplacer vers la gauche.
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)
}
Dans la méthode turnRight, j'ai ajouté une fonction de rappel dans la méthode d'animation animée pour exécuter console.log("end") Il y a maintenant un problème après l'exécution de la méthode turnRight, la boîte se déplace vers la droite pendant 1 seconde. Après la fin, imprimez "end". Si j'exécute la méthode turnLeft alors que la boîte n'a pas atteint la droite (c'est-à-dire que le temps ne suffit pas pour 1 seconde), elle attendra 1 seconde avant d'exécuter la méthode turnLeft.
Si le JS est écrit par moi-même, je sais que ce serait bien d'effacer le minuteur, mais comment arrêter l'animation animée à son tour avec jquery
$('.k-element-plugs-box').stop();
tureLeft();
$('.k-element-plugs-box').stop().animate()
, arrêtez d'abord l'animation précédente, puis exécutez l'animation suivante$('xxx').stop() ou $('xxx').stop().animate()
stop()'s l'utilisation spécifique et la description des paramètres peuvent être trouvées dans la documentation, elles seront mieux expliquées