Javascript jquery表单提交-显示div并提交

我正在尝试制作jQuery脚本，其中单击表单提交后将显示div:block，5秒后将提交我的表单

以下标题代码中的代码-即使测试提交延迟也不起作用：

<script>
   $('#registerform').submit(function (e) {
    var form = this;
    e.preventDefault();
    setTimeout(function () {
        form.submit();
    }, 1000); // in milliseconds
});
</script>

$（'#registerform'）。提交（函数（e）{
var form=此；
e、 预防默认值（）；
setTimeout（函数（）{
表单提交（）；
}，1000）；//以毫秒为单位
});

单击“提交”后，此div应以可见形式显示：

<div id="gif"><img src="img/digital_signature.gif" /></div>

5秒钟后，此表格应提交：

<form action="todo.php" method="post" id="registerform">
                    <div class="input-holder">
                        <input class="fname" type="text" name="login" placeholder="Firstname">
                    </div>
                    <div class="input-holder">
                        <input class="fname" type="text" name="pass" placeholder="Lastname">
                    </div>
                    <div class="input-holder">
                        <input class="city" type="text" name="pass" placeholder="Postal Adress">
                    </div>
                    <div class="input-holder">
                        <input class="city" type="text" name="pass" placeholder="City">
                    </div>
                    <div class="input-holder">
                        <input class="city" type="text" name="pass" placeholder="Country">
                    </div>
                    <div class="input-holder">
                        <input class="email" type="text" name="pass" placeholder="E-mail">
                    </div>
                    <div class="input-holder">
                        <input class="revenue" type="text" name="pass" placeholder="Your Value">
                    </div>
                    <div class="input-holder">
                        <textarea rows="1" class="baddress" placeholder="Secret address"></textarea>
                    </div>
                    <div class="input-holder">

                        <input type="file" class="custom-file-input" name="SCAN" id="fileToUpload" />
                    </div>

                    <input type="submit" value="Login" id="submit">

                </form>

 $('#submit').on('click', function (e) {
   alert('button clicked: submitting in 5 seconds')
   $('#gif').show();
    e.preventDefault();
    setTimeout(function () {
        $('#registerform').trigger('submit');
    }, 5000); // in milliseconds
 });
$('#registerform').on('submit', function() {
  alert('form submitted')
});