Автоматическая отправка формы через 5 секунд
У меня есть форма, которую я пытаюсь отправить после загрузки страницы, и прошло 5 секунд. Я попробовал setTimeout, но он, похоже, не работает. Может кто-нибудь предположить, почему это будет так, у меня есть jQuery на сайте, но не смог получить delay(), работающий либо
<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>
любая помощь будет принята с благодарностью, заранее спасибо
EDIT:
изменилось на это с помощью комбинации @Alex, @user824294 и этого вопроса: Как создать 5-секундный таймер обратного отсчета с jquery, который заканчивается всплывающим окном входа?. Теперь работает отлично и с большой функциональностью обратного отсчета. Спасибо, ребята!
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();
}
Ответы
Ответ 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
.
Ответ 2
Вы можете сделать это очень просто, попробуйте этих парней:
<form name="xyz"...>
...
<script type="text/javascript">
<!--
var wait=setTimeout("document.xyz.submit();",5000);
//-->
</script>
</form>
Ответ 3
Попробуйте сделать это вместо:
window.onload=function(){
window.setTimeout("redirect()", 5000);
// OR
window.setTimeout(function() { redirect(); }, 5000);
};
function redirect() {
document.cartCheckout.submit();
}