Javascript: Hide Mouse Cursor When Idle

Question

In a webpage is it possible use JavaScript to set the cursor:none; CSS attribute if the mouse is inactive for a certain amount of time (say, five seconds) and set it back to cursor:auto; when it again becomes active?

Thanks for your help.

Answer 1

none is not a valid value for the cursor property.

You might be able to use a custom cursor loaded from a URI that is simply transparent.

I would consider this to be highly distracting for the user, though, so I wouldn't advise you to actually do that.