jquery define Timeout beim Aufruf der Funktion

Question

Ich bin fest auf eine Timeout arbeiten. Ich habe bereits einen Arbeitscode, aber es scheint mir der falsche Weg zu sein.

Arbeits Code aber wahrscheinlich nicht die beste:

/* Autosave */ 
// On load we hide all autosave messages. 
$('.jform_params_autosave-cg').hide(); 
// Below is the function that handles the autosave. 
$.fn.autoSave = function(){ 
    // We remove the autosave message from it's place defined by the xml and add it to the system message container. 
    var autosavemessage = $('.jform_params_autosave-cg'); 
    autosavemessage.detach(); 
    autosavemessage.appendTo('#system-message-container'); 
    // Now we show the message. 
    $('.jform_params_autosave-cg').show(); 
    // Here we save the extension. 
    Joomla.submitbutton('module.apply'); 
} 
// On change of the below elements we run the autosave. 
//------------------------------------------// 
// DUPLICATE AUTOSAVE FUNCTION BELOW 
//------------------------------------------// 
// Autosave: Theme Selection 
$("#jform_params_theme_selection").change(function() { 
    $.fn.autoSave(); 
}); 
// Autosave: Add Content 
$("a.group-add.btn.btn-mini.button.btn-success").click(function() { 
    setTimeout(
    function() 
    { 
     $.fn.autoSave(); 
    }, 5000); 
}); 

Die Funktion:

$.fn.autoSave = function(){ 
    // We remove the autosave message from it's place defined by the xml and add it to the system message container. 
    var autosavemessage = $('.jform_params_autosave-cg'); 
    autosavemessage.detach(); 
    autosavemessage.appendTo('#system-message-container'); 
    // Now we show the message. 
    $('.jform_params_autosave-cg').show(); 
    // Here we save the extension. 
    Joomla.submitbutton('module.apply'); 
} 

Die Function Call

$("#jform_params_theme_selection").change(function() { 
    $.fn.autoSave(); 
}); 

der Funktionsaufruf mit Timeout

$("a.group-add.btn.btn-mini.button.btn-success").click(function() { 
    setTimeout(
    function() 
    { 
     $.fn.autoSave(); 
    }, 5000); 
}); 

Was will ich

1. Machen Sie das Timeout innerhalb der Funktion erreichen.
2. Definieren Sie die Zeitüberschreitung beim Aufrufen der Funktion.

Mit der Definition ich es meine Berufung etwas wie $.fn.autoSave(5000); oder $.fn.autoSave().timeout(500);

Ich habe versucht, einen funktionierenden Code zu bekommen, aber bisher kein Glück. Ich werde diesen Beitrag immer dann aktualisieren, wenn ich mehr Erfolg oder Details hinzufügen kann.

Vielen Dank für Ihre Hilfe.

Jeder Link zu bestehenden SO-Fragen wird auch geschätzt, wie ich für die falschen Schlüsselwörter googlen könnte.

Answer 1

Hier ist die modifizierte Version Ihrer Funktion. Jetzt hat es optionale Timeout-Parameter. Sie können es wie

$.fn.autoSave = function(timeout) { 
 
    function doIt() { 
 
    // We remove the autosave message from it's place defined by the xml and add it to the system message container. 
 
    var autosavemessage = $('.jform_params_autosave-cg'); 
 
    autosavemessage.detach(); 
 
    autosavemessage.appendTo('#system-message-container'); 
 
    // Now we show the message. 
 
    $('.jform_params_autosave-cg').show(); 
 
    // Here we save the extension. 
 
    Joomla.submitbutton('module.apply'); 
 
    return this; 
 
    } 
 
    timeout = Number(timeout) || 0; 
 
    var f = doIt.bind(this); 
 
    if(timeout < 0) return f(); 
 
    setTimeout(f, timeout); 
 
    return this; 
 
}