在 post jquery 上添加延迟功能

Question

我正在按钮上添加延迟功能 link

<button type='button' onclick="SubmitFormTab_1(event);" class='btn btn-next btn-fill btn-rose btn-wd tab1_btn btn_wait' name="next_<?php echo $Result_Q[1]->id;?>" id="<?php echo $Result_Q[1]->id;?>" disabled>
      Next
         <span class="btn-label">
            <i class="now-ui-icons arrows-1_minimal-right"></i>
         </span>
      <img src="../../assets/loader-ajax.gif" id="ques_tab1-loader" style="display: none;"/>
</button>

代码

function SubmitFormTab_1(event) {
    var qid = $("#qid2").val();
    var submitid = event.target.id;
    var options = [];
    $("input[name='2[]']:checked").each(function () {
        options.push($(this).val());
    });

    delay(function () {
        $("#ques_tab1-loader").show();
        $.post("fn_wizard_submit.php?submitid=" + submitid, {
                qid: qid,
                options: options
            },

            function (data) {
                $("#ques_tab1-loader").hide();
                $('#results').html(data);
            });
    }, 3000);
}

我尝试过当事件生成时延迟功能启动并在按钮上显示加载程序，当延迟功能结束时加载程序隐藏但它不起作用并且记录不会保存到数据库

Answer 1

使用setTimeout函数

setTimeout(function(){ alert("Hello"); }, 3000);

您可以阅读文档。 here

在 post jquery 上添加延迟功能

Add delay function on post jquery

jquery

post

delay