0

ポップアップを表示し、しばらくすると閉じるこの関数を作成しました。

function alerta(ancho,alto,color,tiempo_s,tiempo,contenido) {
    $("#alert_background").show();
    $("#alert_window").show(1000);
    $("#alert_window").css("width",""+ancho);
    $("#alert_window").css("height",""+alto);
    $("#alert_window").css("background-color",""+color);
    $("#alert_window").append(""+contenido);

    if(tiempo!="") {
        setTimeout(function() {
            $("#alert_background").hide(tiempo);
            $("#alert_window").hide(tiempo);
        }, tiempo_s);
    }
}

alerta("40%","200px","green","4000","3000","<b>Hello World!!!</b>")

私が持っている唯一の問題は、次の関数にあります。

$("#alert_background").hide(tiempo);
$("#alert_window").hide(tiempo);

sはdiv非常に速く閉じ、閉じる時間を尊重しません。setTimeout(function())この div をしばらく表示し、その後 2 を非表示にする必要があるため、使用divします。代わりに、divs は 3 ～ 4 秒で非表示になります。

4

1 に答える 1

0

それを試してみてください

function alerta(ancho,alto,color,timeOut,durationFadeOut,content) {
    $("#alert_background").fadeIn(1000);
    $("#alert_window").fadeIn(1000);
    $("#alert_window").css("width",ancho);
    $("#alert_window").css("height",alto);
    $("#alert_window").css("background-color",color);
    $("#alert_window").html(content);

    setTimeout(function(){
               $("#alert_background").fadeOut(durationFadeOut);
                $("#alert_window").fadeOut(durationFadeOut);
            }, timeOut);

}

ここにデモがあります

http://jsfiddle.net/5XQkY/32/

于 2013-08-02T20:09:09.527 に答える