[Javascript] Es ist kein Timeout für das Jerry-Plug-in von nyy aufgetreten


Answers

Um das zu erreichen, habe ich folgendes in jquery.noty.js geändert ...

self.$bar.delay(self.options.timeout).promise().done(function () {
                self.close();
            });

zu diesem ...

setTimeout(function () {
                self.close();
            }, self.options.timeout);
Question

Das Jquery noty-Plugin-Timeout funktioniert nicht, wenn es mit einer Liste von Nachrichten gefüttert wird. Ich bekomme die Liste der Nachrichten vom Servlet und rufe noty so auf.

<script>
    function callNotification()
    {
        <c:foreach var = "message" items = "${sessionScope.notification}">
             notify('${message}');
        </c:foreach>
    }
    function notify(message)
    {
       noty({
                "text": message,
                "theme": noty_theme_facebook",
                "layout": topRight,
                "information","animateOpen":{"height":"toggle"},
                "information","animateOpen":{"height":"toggle"},
                "speed":500,
                "timeout":5000,
                "closeButton":true,
                "closeOnSelfClick":true,
                "closeOnSelfOver":false,
                "modal":false
          })
    </script>

Idealerweise sollte dies die Nachrichten durchlaufen und sie mit einem Timeout von 5000ms ausgeben. Aber dies druckt alle Nachrichten auf einmal. Ich habe außerdem versucht, die systemeigene setTimeout-Funktion von Javascript zu verwenden und meine CallNotification durch diese ersetzt.

 function callNotification()
    {
        <c:foreach var = "message" items = "${sessionScope.notification}">
         (function(message){ 
            setTimeout(function(){notify('${message}');},5000)
         }('${message}')
        }}
        </c:foreach>
    }

Dies erwies sich jedoch auch als ineffektiv. Seltsamerweise scheint die Zeitüberschreitung gut zu funktionieren, wenn ich "layout":center ersetze "layout":center in notify method. Wo liege ich falsch? Ich möchte, dass die Nachrichten mit der Zeit von 5 Sekunden angezeigt werden, nach der die erste Nachricht automatisch gelöscht wird und die nächste angezeigt wird.




Erstellen Sie in Ihrer jquery.noty.packaged.js eine globale Variable mit dem Namen "master_self" file.Now in Zeile 103 oder 104 muss eine Zeile var self = this; direkt unter dieser Zeile master_self als self master_self = self; zuweisen master_self = self;

Erstellen Sie nun eine Funktion in derselben Datei:

function autoTimeout(timeoutVal){
    setTimeout(function(){
                            var self = master_self;
                            if (typeof self.options.animation.close == 'string') {
                                self.$bar.addClass(self.options.animation.close).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
                                    if(self.options.callback.afterClose) self.options.callback.afterClose.apply(self);
                                    console.log(self);
                                    self.closeCleanUp();
                                });
                            } else {
                                self.$bar.clearQueue().stop().animate(
                                    self.options.animation.close,
                                    self.options.animation.speed,
                                    self.options.animation.easing,
                                    function() {
                                        if(self.options.callback.afterClose) self.options.callback.afterClose.apply(self);
                                    })
                                    .promise().done(function() {
                                        self.closeCleanUp();
                                    });
                            }
                         },timeoutVal);
}

Rufen Sie diese Funktion jetzt direkt nach dem Aufruf des noty-Objekts zum Erstellen einer Benachrichtigung explizit für die Benachrichtigung auf, die Sie auf diese Weise abbrechen möchten:

autoTimeout(1000);



Versuchen Sie closeWith mit Timeout-Option hoffe, es wird gut funktionieren

   function generate(type, text) {

                var n = noty({
                    text        : text,
                    type        : type,
                    dismissQueue: true,
                    layout      : 'topRight',
                    closeWith   : ['click','timeout'],
                    theme       : 'relax',
                    maxVisible  : 10,
                    timeout     :7000,

                    animation   : {
                        open  : 'animated bounceInRight',
                        close : 'animated bounceOutRight',
                        easing: 'swing',
                        speed : 500
                    }
                });