jquery count hover event

Question

Je veux compter combien de temps, je souris sur un élément html.

pour eample

lien

<a class="mylink">Check me Out !</a> 

jquery

jQuery('.mylink').hover(function(){ 

//what should i do here to count 
}); 

Merci à l'avance!

Answer 1

Si vous voulez garder un compteur séparé pour chaque élément apparié 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 de chaque élément utilisant .

Editer: Correction d'une erreur stupide.

Answer 2

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

Answer 3

appeler 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); 
} 

} 

Answer 4

Si vous voulez savoir combien de secondes vous avez été planant au-dessus d'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)); 
    } 
);