jquery计数悬停事件

Question

我想计算鼠标悬停在 html 元素上的时间。

示例

链接

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

然后您可以使用 $(selector).data('count') 获取每个元素的计数。

编辑：修正了愚蠢的错误。

Answer 2

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

Answer 3

如果您想知道您在某个元素上悬停了多少秒，请尝试以下操作：

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

Answer 4

调用这个函数...

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

}