jquery count懸停事件

Question

我想計算多少時間，我在mouse元素上的鼠標懸停。

爲eample

鏈接

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

jQuery的

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

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

提前感謝！

Answer 1

如果你想保持獨立的計數器對每個匹配的元素執行以下操作：

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

然後你就可以得到計數每個元素使用。

編輯：修正了愚蠢的錯誤。

Answer 2

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

Answer 3

調用這個函數...

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

如果你想知道你有多少秒，一直徘徊在元素上試試這個：

$('.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)); 
    } 
);