5秒后自动提交表单

Question

我有一个表单，我试图在页面加载后提交，并且 5 秒过去了。我已经尝试过 setTimeout 但它似乎不起作用。任何人都可以建议为什么会出现这种情况，我在上面有 jQuery网站但无法让延迟（）工作

<form action="" name="cartCheckout" id="cartCheckout" method="post"> 
<input type="hidden" name="action" value="checkout" />
<input type="hidden" name="save" value="1" />
<input type="hidden" name="orderID" value="<?php echo $GLOBALS['CHECKOUT_ORDERID']; ?>" />

<div class="itembox" id="step4box">
    <div id="progress">
        <ul>
        <li>Your Cart</li>
        <li>Your Details</li>
        <li class="current">Payment</li>
        <li>Confirmation</li>
        </ul>
    </div>
<div id="words" class="gothbold">Please wait while we we redirect you to<br />Paypal for a secure payment method.</div>

<a class="redirect" href="javascript:void(0)" title="Proceed to Paypal" onClick="document.cartCheckout.submit();"><span>If you aren't redirected in 5 seconds click here</span></a><br />

<a class="cancel" href="javascript:void(0)" title="Return to details" onClick="jQuery('#step4box').hide();jQuery('#step2box').show();"><span>Cancel</span></a>    
</div> 
<script type="text/javascript">
    window.onload=function(){ 
        window.setTimeout(document.cartCheckout.submit(), 5000);
    };
</script>
</form>     

任何帮助将不胜感激，提前致谢

编辑：

通过@Alex，@user824294和这个问题的组合更改为此：如何使用 jquery 创建一个以登录弹出窗口结束的 5 秒倒计时器？。现在工作得很好，并且具有强大的倒计时功能。谢谢你们！

window.onload=function(){ 
    var counter = 5;
    var interval = setInterval(function() {
        counter--;
        $("#seconds").text(counter);
        if (counter == 0) {
            redirect();
            clearInterval(interval);
        }
    }, 1000);

};

function redirect() {
    document.checkout_paypal.submit();
}

Answer 1

相反，传递对该函数的引用。

window.onload=function(){ 
    window.setTimeout(document.cartCheckout.submit.bind(document.cartCheckout), 5000);
};

...或者...

window.onload=function(){ 
    window.setTimeout(function() { document.cartCheckout.submit(); }, 5000);
};

您当前正在执行该函数，然后将其返回值传递给 setTimeout()。

另外，如果您希望执行更接近 5 秒的时间，则需要使用 setInterval() 或递归 setTimeout() 并检查 +new Date< /代码>。

Answer 2

你可以把它变得非常简单，试试这个：

<form name="xyz"...>
...
<script type="text/javascript">
<!--
   var wait=setTimeout("document.xyz.submit();",5000);
//-->
</script>
</form>

Answer 3

尝试这样做：

window.onload=function(){ 
    window.setTimeout("redirect()", 5000);
    // OR
    window.setTimeout(function() { redirect(); }, 5000);
};

function redirect() {
    document.cartCheckout.submit();
}