Check me Out !
Geek asks and answers

Jquery count hover event

I want to calculate how much time I put on the html element.

for eample

link

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

JQuery

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

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

Thanks in advance!

+3
source share
4 answers

If you want to keep a separate counter for each agreed item, follow these steps:

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

Then you can get a counter for each item using $(selector).data('count').

Edit: Fixed a stupid bug.

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

If you want to know how many seconds you soared over an element, try this:

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

calling this function ...

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

}
0
source

More articles:


All Articles