jQuery/javascript and setInterval not working correctly within mouseenter

Question

Ok so basically I'm implementing a simple horizontal scroller. The function gets fired when I move the mouse into the correct div but only once and doesn't keep looping after the interval time. Any help appreciated:

$(document).ready(function() {
    $('#toparrow').mouseenter(function(e) {
        var func = scrollroller(1);
        setInterval(func,1);
    }).mouseleave(function() {

    });

    function scrollroller(velocity) {
        $('#roller').animate({left:'+='+velocity},1);
    }
});

user578895 · Accepted Answer · 2011-03-24 01:13:02Z

2

var func = function(){ scrollroller(1); };

answered Mar 24, 2011 at 1:13

user578895

Sign up to request clarification or add additional context in comments.

Comments

aroth · Accepted Answer · 2011-03-24 01:16:29Z

0

The problem is with this line:

var func = scrollroller(1);

This isn't assigning the scrollroller function to func, it is invoking scrollroller() with a parameter of '1' and storing the result in func. You probably want to do something like:

setInterval("scrollroller(1);",1);  //alternately:  setInterval(scrollroller,1,1);

Note that the alternate syntax may have issues in IE.

answered Mar 24, 2011 at 1:16

aroth

54.9k22 gold badges142 silver badges178 bronze badges

Collectives™ on Stack Overflow

jQuery/javascript and setInterval not working correctly within mouseenter

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related