Javascript Girl
  1. Javascript Girl
  3. Comment contrôler la vitesse animée de jquery
Intereting Posts
Puis-je accéder au périphérique USB HID via une application Chrome? Itérer la réponse JSON avec jQuery pour Highcharts Tirez csv vers Google Sheets avec une authentification de base Décomptage Javascript en utilisant le fuseau horaire absolu? Javascript simule le clic de la souris sur le poste spécifique Obtenir la taille du fichier avant de télécharger Désactivez le bouton de soumission sur la charge de page, activez-le après que la fonction soit appelée ExtJS 4.2 DatePicker Multiselect catch event dans le contrôleur Enregistrement HTML 5 Toile comme image sur le serveur à l'aide d'ASP.NET Fenêtre ouverte avec contenu dynamique Affichage des erreurs et des exceptions dans Toastr, ou une méthode similaire utilisant MVC4 et Entity Framework Copiez dans le Presse-papiers pour tous les navigateurs utilisant javascript SetTimeout ne fonctionne pas avec jquery Comment sélectionner tout le texte dans une zone de texte et le copier dans le presse-papiers en utilisant JavaScript / jQuery? En utilisant JS pour trouver la hauteur de l'écran, appliquez-le à une classe div via CSS

Comment contrôler la vitesse animée de jquery

Je travaille avec jquery pour animer un div. Je veux contrôler la vitesse de déplacement. J'ai beaucoup joué avec ça. Mais j'espère que quelqu'un peut me dire comment puis-je contrôler la vitesse. Voici l'exemple de code. 

$(document).ready(function(){ $('#block').css({'left':'-617px','top':'-300px'}); $('#Cont').show(); $('#block').animate({'left':'17px','top':'10px'},'slow',function(){ }); }) ;

Je veux savoir comment contrôler la vitesse de l'animation.

Changez simplement avec le temps en millisecondes, par exemple pendant 1,2 secondes, faites simplement 

 $('#block').animate({'left':'17px','top':'10px'}, 1200, function() { ...

La durée par défaut est de 400 millisecondes. Les chaînes «rapide» et «lente» correspondent respectivement à 200 et à 600 millisecondes. 

 $('#block').animate({'left':'17px','top':'10px'},'slow',function(){ });