jQuery Girl
  1. jQuery Girl
  3. jquery count hover event
Intereting Posts
Barre de progression continue en Javascript Date Javascript () donne une date erronée d’une heure Erreur IEQ 9 jQuery IE 9: “L’object ne prend pas en charge… ‘sur’”? Rails 3.1 demandes distantes soumises deux fois Inclure une version spécifique de JQuery et un plugin sans entrer en conflit avec la bibliothèque JavaScript de la page? Problème JQM (jQueryMobile) avec la vue de liste de contenu AJAX (‘refresh’) ne fonctionne pas Modèle jQuery: Création d’une instruction conditionnelle avec des opérateurs AND dataTables – Le traitement du masquage avant la mise à jour de la table à l’aide de fnReloadAjax Comment exécuter un script chaque fois qu’une nouvelle page est chargée sur YouTube? comment obtenir des données de chaque li en utilisant jquery chaque fonction? Obtenir le nom de la catégorie à partir de la page de résultats de recherche WordPress jQuery: Y at-il un meilleur moyen de changer deux divs? scrollTo et tableaux horizontaux Mouseenter et Mouseleave pour activer / désactiver le minuteur JTable: ‘Une erreur est survenue lors de la communication avec le serveur’ lors de la mise à jour ou de la suppression d’enregistrements

jquery count hover event

Je veux compter combien de temps, je passe la souris sur un élément HTML.

pour eample

lien 

Check me Out !

jquery 

 jQuery('.mylink').hover(function(){ //what should i do here to count });

Merci d’avance!

Si vous souhaitez conserver un compteur distinct pour chaque élément correspondant, procédez comme suit: 

 jquery('.mylink').mouseover(function(){ var $this = $(this); var count = parseInt($this.data('count'), 10) + 1; $this.data('count', count); });

Ensuite, vous pouvez obtenir le nombre pour chaque élément en utilisant $(selector).data('count') .

Edit: Correction d’une erreur stupide. 

 $(function() { var myCounter = 0; $('.mylink').mouseover(function() { myCounter++; }); });

Si vous voulez savoir combien de secondes vous avez survolé sur un élément, essayez ceci: 

 $('.mylink').hover( //mouseover handler function(){ //record the current time $(this).data( 'start', new Date().getTime() ); }, //mouseout handler function(){ //grab the end time var end = new Date().getTime(); //calculate the difference in seconds var hoverTime = ( end - $(this).data('start') )/1000; //use the result alert( hoverTime.toFixed( 2 ) ); } );

appelez cette fonction … 

 jquery('.mylink').hover(function(){ start(true) }); function start(isStarted, index){ if(!index){ index = 0; } if(isStarted) { started[index] = true; counter[index] =0; } if(started[index] && true) { counter[index] += 1; timer = setTimeout("start(false," + index + ")",1000); } }