javascript - Wie kann js oder jqury nach dem Klicken auf die erste Schaltfläche 10 Sekunden warten, bevor die andere Schaltfläche betätigt werden kann?

Wie wäre es mit js oder jqury? Nachdem Sie auf die erste Schaltfläche geklickt haben, warten Sie 10 Sekunden, bevor die andere Schaltfläche betätigt werden kann.
Ich habe eine Netzwerkdrucksteuerung erstellt, da diese vor dem Drucken auf das Laden der Bestellung warten muss Es kann nicht geladen werden, es werden nur die von ihm geladenen Bestellungen ausgedruckt. Ich möchte also eine Schaltflächenabfrage durchführen und 10 Sekunden warten, bevor zum Drucken auf eine andere Druckschaltfläche geklickt werden kann.

Antwortinhalt:

Wie wäre es mit js oder jqury? Nachdem Sie auf die erste Schaltfläche geklickt haben, warten Sie 10 Sekunden, bevor die andere Schaltfläche betätigt werden kann.
Ich habe eine Netzwerkdrucksteuerung erstellt, da diese vor dem Drucken auf das Laden der Bestellung warten muss Es kann nicht geladen werden, es werden nur die von ihm geladenen Bestellungen ausgedruckt. Ich möchte also eine Schaltflächenabfrage durchführen und 10 Sekunden warten, bevor zum Drucken auf eine andere Druckschaltfläche geklickt werden kann.

1. Sie können die deaktivierte Methode verwenden, um die zweite Drucktaste zu steuern

Button1 ist standardmäßig deaktiviert und bedienbar;

Button2 ist standardmäßig deaktiviert und wahr und nicht bedienbar

<code class="javascript">$('#button1').click(function(){
    //逻辑........
    setDisable();
});

function setDisable ()
{
    setTimeout(function(){
        //10秒后移除第二个按钮disabled属性
        $('#button2').removeAttr("disabled"); 
    },10000);
}</code>

2. Sie können den zweiten Druckknopf auch ausblenden

<code class="javascript">$('#button1').click(function(){
    //逻辑........
    setDisable();
});

function setDisable ()
{
    setTimeout(function(){
        //十秒后显示第二个按钮
        $('#button2').css("display","block"); 
    },10000);
}</code>

setTimeout

Nachdem Sie auf die erste Schaltfläche geklickt haben, geben Sie der anderen Schaltfläche „disabled“ und einen Timer zu. Wenn der Timer abgelaufen ist, „disabled=false“, können Sie es versuchen

Geben Sie ihm nach dem Klicken einen Timer setTimeout und führen Sie dann eine weitere Schaltfläche aus

Mir gefällt nicht, was andere sagen, es ist zu einfach und schwer zu verstehen. Was ich will, ist definitiv keine kurze Antwort.

Das Prinzip ist: Nachdem Sie auf die erste Schaltfläche geklickt haben, fügen Sie 10 Sekunden später ein Klickereignis zur zweiten Schaltfläche hinzu

<code class="js">$('#btn-1').click(function () {
    //这里写#btn-1 点击时要执行的代码
    
    setTimeout(function(){
        $('#btn-2').click(function () {
            //这里写#btn-1 点击时要执行的代码
            
        });
    },10000);
});</code>

Angenommen, die Tasten sind A und B

<code>var $btnA = $('#btn-a');
var $btnB = $('#btn-b');
$btnB.prop('disabled',true);

$btnA.on('click',function(){
    setTimeout(function(){
        $btnB.prop('disabled',false);
    },10000);
});
$btnB.on('click',function(){
    //打印
});</code>

Der Schlüssel ist

<code>$btnB.prop('disabled',false);</code>

Wenn Sie asynchronen Code in Schaltfläche A haben und warten müssen, bis das Backend zurückkehrt, bevor Sie Schaltfläche B aktivieren, fügen Sie bitte die obige Codezeile zur Ausführung in die Rückruffunktion ein.