input按钮实现延迟跳转功能，必有有预审批，审核的一个过程或用到，也是弄好好久才弄好的，言归正传，下面贴代码！

本文链接：https://blog.csdn.net/qq_38962479/article/details/130335000

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>loading-btn</title>
    </head>
    <body>
        <div>
            <input type="text" name="realname" placeholder="姓名" />
        </div>
        <div>
            <input type="text" name="idcard" placeholder="身份证" />
        </div>
        <div>
            <input type="text" name="mobile" placeholder="手机号" />
        </div>
        <div>
            <input type="button" id="btnApply" value="立即申请" />
        </div>
 
        <script>
            document.body.onload = function () {
                var btnApply = document.getElementById("btnApply");
 
                btnApply.onclick = function () {
                    btnApply.value = "审批中...";
 
                    //模拟发送数据到后端接口
                    setTimeout(function () {
                        btnApply.value = "审批成功";
                    }, 2000);
                };
            };
        </script>
    </body>
</html>

都是以setTimout的形式，还有下面一种差不多，有介绍

如果您想要实现等待延时加载的功能，可以使用 JavaScript 或 jQuery 等前端技术来实现。以下是一个使用 jQuery 实现等待延时加载的示例代码：

html
复制代码

<!-- 在 HTML 中引入 jQuery 库 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- 在 HTML 中定义一个 <input> 元素 -->
<input type="text" id="myInput">

<!-- 在 JavaScript 中使用 jQuery 实现等待延时加载 -->
<script>
  $(document).ready(function() {
    // 等待 3 秒后执行下面的代码
    setTimeout(function() {
      // 将 <input> 元素的值设置为 "Hello World!"
      $("#myInput").val("Hello World!");
    }, 3000);
  });
</script>
在上面的代码中，我们使用了 jQuery 的 $(document).ready() 方法来确保页面加载完成后再执行 JavaScript 代码。然后，我们使用 setTimeout() 方法来等待 3 秒后执行下面的代码，将 <input> 元素的值设置为 "Hello World!"。
具体实现方式需要根据您的具体需求和代码结构进行调整。