setTimout（）在回調不起作用，爲什麼？

Question

我想知道爲什麼setimout（fun（），time）不在這裏工作：

上下文：這顯示一條消息並隱藏它，我想使它等待2秒，但如果我做如下它不會隱藏（通常我做沒有

function mostrar_msj(msj){ 
    $('#notificaciones').text(msj); 
    $('#notificaciones').animate({ 
      top:$(window).scrollTop()+"px" 
     }, 
     { 
      queue: false, 
      duration: 350 
    }); 
    $("#notificaciones").slideDown(1000, setTimeout('cerrar()',2000)); 
} 

function cerrar(){ 
    $("#notificaciones").fadeOut(2000); 
} 

我只是困惑，這裏的setimeout（）：

Answer 1

當你正在使用jQuery，越容易使用delay()：

$("#notificaciones").slideDown(1000).delay(2000).fadeOut(2000); 

動畫功能自動排隊。

---

但是，爲了回答您的實際問題：

1. 你沒有正確設置回調。這

   $("#notificaciones").slideDown(1000, setTimeout('cerrar()',2000)); 
   

   將設置返回值的setTimeout作爲回調slideDown。一個適當的回調是

   $("#notificaciones").slideDown(1000, function() { 
       setTimeout('cerrar()',2000); 
   }); 
   

   但是這並不能解釋爲什麼cerrar不稱爲顯然setTimout是調用。這給我們帶來了第二點：

2. 如果您將字符串傳遞給setTimeout，那麼它將在全局範圍內進行評估。如果您在ready處理程序中有這段代碼，則cerrar在全局範圍內爲而不是，因此無法通過JavaScript找到。

   因此，不鼓勵傳遞字符串。你應該通過函數引用來代替：

   setTimeout(cerrar, 2000); 
   

Answer 2

你引用一個函數調用時，你應該只是參考的功能：

...setTimeout(cerrar,2000) 

Answer 3

，因爲你沒有它不工作了解如何使用回調。下面是正確的代碼：

function mostrar_msj(msj) { 
    $('#notificaciones').text(msj); 

    $('#notificaciones').animate({ 
     top: $(window).scrollTop() + "px" 
    }, { 
     queue: false, 
     duration: 350 
    }); 
    $("#notificaciones").slideDown(1000, function() { 
     setTimeout(function() { 
      $("#notificaciones").fadeOut(2000); 
     }, 2000) 
    }); 
} 

Answer 4

嘗試通過cerrar作爲函數指針：

setTimeout(cerrar, 2000) 

見：JQuery, setTimeout not working

Answer 5

試試這個：

$("#notificaciones").slideDown(1000, function() { setTimeout('cerrar()',2000) }); 

Answer 6

我強烈建議不要使用的setTimeout（ ）如果你已經在使用jQuery。這裏是另一種方式，你可以完成同樣的目標，在一個jQuery般清潔更時尚：

function mostrar_msj(msj){ 
     $('#notificaciones').text(msj); 
     $('#notificaciones').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350}); 
     $("#notificaciones").slideDown(1000).delay(2000).fadeOut(2000); 
} 

延時函數採用MS的數量爲超時作爲參數，並將繼續執行排隊/鏈接的jQuery超時後的操作。

Answer 7

你應該能夠做這種方式，使用delay方法

function mostrar_msj(msj){ 
    $('#notificaciones') 
     .text(msj) 
     .animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350}) 
     .slideDown(1000) 
     .delay(2000) 
     .fadeOut(2000); 
}