Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery倒计时在加载表单提交时停止_Javascript_Jquery_Javascript Events - Fatal编程技术网

Javascript JQuery倒计时在加载表单提交时停止

Javascript JQuery倒计时在加载表单提交时停止,javascript,jquery,javascript-events,Javascript,Jquery,Javascript Events,早上好-我有一个页面,在页面加载时提交表单,并将用户重定向到另一个站点。另一端的响应可能会有点慢,所以我创建了这个页面,其中有一个假的加载进度指示器,以确保用户放心。为了进一步的保证,我想添加一条倒计时信息,说“你应该在Y秒内被重定向到X” 我使用了这个JQuery示例,它用当前的数字更新id为“countdown”的元素 {$(function(){ var count = 7; countdown = setInterval(function(){ $("#countdown

早上好-我有一个页面,在页面加载时提交表单,并将用户重定向到另一个站点。另一端的响应可能会有点慢,所以我创建了这个页面,其中有一个假的加载进度指示器,以确保用户放心。为了进一步的保证,我想添加一条倒计时信息,说“你应该在Y秒内被重定向到X”

我使用了这个JQuery示例,它用当前的数字更新id为“countdown”的元素

{$(function(){
  var count = 7;
  countdown = setInterval(function(){
    $("#countdown").html(count);
    if (count == 0) {
        clearInterval(countdown);
        $('#countdown_container').html("If you seem to be stuck <a href='javascript:the_form.submit();'>click here</a> to try again.");
    }
    count--;
  }, 1000);
});}
{$(函数(){
var计数=7;
倒计时=设置间隔(函数(){
$(“#倒计时”).html(计数);
如果(计数=0){
清除间隔(倒计时);
$(“#倒计时容器”).html(“如果您似乎想再试一次。”);
}
计数--;
}, 1000);
});}
我预计重定向将在倒计时达到0之前发生。 不幸的是,我发现脚本实际上会停止表单的提交,直到它完成运行。。啊!有人能提出解决这个问题的办法吗

谢谢


稍晚一点:


为了澄清Praveen的问题,我在同一页上有一个标准表单,其中包含方法post和各种隐藏输入,其中包含要发布到另一个站点的数据。在我的页面的body标签中,我有一个onload语句提交这个表单,比如onload=“document.forms['the_form'].submit()”。(我意识到在JQuery加载事件中这样做可能更好。)

我把这个问题读了三遍,还是不明白

此外,我没有找到任何重定向代码或其他重定向机制(您说过
我希望重定向..

我也没有找到提交代码,您说过
脚本实际上停止了提交..


我认为你应该展示更多或解释更多。

你可以使用$.get或$.post提交 然后,当回调运行时,您可以重定向或执行您喜欢的操作。 这样手动操作可以让您更好地控制如何处理返回的数据 如果您想在之后重定向到其他页面

//html    
<input type="text" name="firstname" value="some text" />

//jquery
$.get("mypage.php", { firstname: $("input [name=firstname]").first().val() },function(data){
//redirect, show popup, do as you like since the form has been submitted
//data contains the results that were printed
});
//html
//jquery
$.get(“mypage.php”,{firstname:$([input[name=firstname]))).first().val()},函数(数据){
//重定向,显示弹出窗口,做你喜欢的,因为表单已经提交
//数据包含打印的结果
});

这只是一个愚蠢的问题,但在这一行,您是否缺少报价$(“#countdown_container”).html(如果我向Justin道歉,那只是一个愚蠢的打字错误。现在编辑为正确。谢谢Drake-我无法控制另一端的响应,但我想这可能是实现的方法。收到回调后,我可以中断倒计时并将浏览器重定向到目标页面。