Interval jQuery .css

Question

I've got this code which sets the .css value of a div

$("#1").mouseover(function () {
   $("#naam").css('visibility', 'visible');
});

I want an interval of a X amount of time on it.

A. Wolff · Accepted Answer · 2014-02-28 14:01:05Z

4

You could use delay():

$("#1").mouseover(function () {
    $("#naam").finish().delay(2000).show(0);
});

Or use setTimeout()

As not stipulated in DOC but AFAIK, .finish() (jq 1.9+) clears any previous running delay applied to element.

answered Feb 28, 2014 at 13:54

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

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

Comments

naota · Accepted Answer · 2014-02-28 13:55:05Z

2

I guess, what you want is .delay() :

$( "#1" ).mouseover(function() {
    $( "#naam" ).delay( 800 ).show(0);
});

answered Feb 28, 2014 at 13:55

naota

4,7081 gold badge20 silver badges21 bronze badges

Indeed, you need .show(0) or no animation will be put in queue

Vijay Kumar · Accepted Answer · 2014-02-28 14:08:05Z

1

$("#1").mouseover(
    setTimeout(function () {
        function() { 
            $("#naam").css('visibility','visible');
        }
    },30000);
);

answered Feb 28, 2014 at 13:56

Vijay Kumar

3451 silver badge7 bronze badges

You need to use setTimeout not setInterval . It execute on every 30 sec interval