1

Preciso que, se o mouse não estiver em cima de uma div, depois de 4 segundos ela desapareça, mudando o css. Como fazer isso com Javascript/Jquery?

2
  • Mas ela deve aparecer se o cursor estiver sobre ela novamente? Commented 15/04/2016 às 0:35
  • Não! @renan. Não precisa
    – Tiago P.C
    Commented 15/04/2016 às 0:36

1 Resposta 1

3

CSS:

.hide{
    display: none;
);

HTML:

<div id="my-div" style="background-color:#ff0000" >Minha Div</button>

JavaScript:

function hideDiv(){
    $("#my-div").addClass('hide');
}

t = setTimeout(hideDiv,4000);

$("#my-div").mouseout(function(event){
    t = setTimeout(hideDiv,4000);
});

$("#my-div").mouseover(function(){

    if (t!=null) {
        clearTimeout(t);
    }
});
3
  • Parece que não está funcionando, amigo :( jsfiddle.net/u8Lj7m7L
    – Tiago P.C
    Commented 19/04/2016 às 0:26
  • Claro, esse código usa JQuery, Já que você colocou a tag na pergunta, subentendi que você incluiria a biblioteca. jsfiddle.net/7fadunso
    – mau humor
    Commented 19/04/2016 às 1:46
  • Desculpe amigo, apenas esquecí de incluir no fiddle.
    – Tiago P.C
    Commented 19/04/2016 às 3:00

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .