Độ trễ Jquery trên fadeout

Question

Tôi có mã này thay đổi độ mờ của div khi di chuột.

$("#navigationcontainer").fadeTo("slow",0.6); 

$("#navigationcontainer").hover(function(){ $("#navigationcontainer").fadeTo("slow", 
    1.0); // This sets the opacity to 100% on hover },function(){ 

$("#navigationcontainer").fadeTo("slow", 
    0.6); // This sets the opacity back to 60% on mouseout }); 

Tôi muốn có một sự chậm trễ trước khi thiết lập div trở lại 0,6 opacity làm thế nào tôi sẽ làm điều này

Answer 1

Với jQuery 1.4, bạn có một phương pháp gọi là delay, trong đó có một số nguyên đại diện ms bạn muốn trì hoãn

$("#navigationcontainer").delay(500).fadeTo("slow", 0.6); 

nửa giây chậm trễ

Answer 2

sử dụng thiết lập thời gian chờ với một callback với các chức năng mà bạn muốn và một sự chậm trễ mà bạn muốn.

$("#navigationcontainer").fadeTo("slow",0.6); 

$("#navigationcontainer").hover(function(){ $("#navigationcontainer").fadeTo("slow", 
    1.0); // This sets the opacity to 100% on hover },function(){ 


var delay = 1000; 
setTimeout(function() 
    { 
     $("#navigationcontainer").fadeTo("slow", 
      0.6); // This sets the opacity back to 60% on mouseout }); 

    }, 
    delay 
) 

Answer 3

Làm thế nào về

$("#hover_me").hover(function() { 
       $("#target_div").fadeTo("slow", 1.0); 
      }, function() { 
       $("#target_div").delay(800).fadeTo("slow", 0.6); 
      });