Question

我有一些jQuery代码在数据库中插入记录。我需要在一段时间内重新加载页面。这意味着，当我单击“提交”按钮时，将首先显示成功消息或错误消息，然后在5秒后重新加载页面。

我的代码：

(function($){        
    $(document).ready(function(){
        $("#submit").click(function(){
            //alert("testing2.....")
            var num = /^[0-9]/;
            var date=$("#date").val();//alert(date);
            var sMan=$("#sMan").val();//alert(pType);
            var cName=$("#cName").val();
            var input_type=$("#input_type").val();
            var tamt=$("#tamt").val();
            var tpaid=$("#tpaid").val();

            //use the $.post() method to call insert.php file.. this is the ajax request
            $.post('action/b_payment.php', {
                date: date,
                sMan: sMan,
                cName: cName,
                input_type: input_type,
                tamt: tamt,
                tpaid :tpaid
            },
            function(data){
                $("#message").html(data);
                $("#submit").attr('disabled','disabled');
                $("#message").hide();
                $("#message").fadeIn(1500); //Fade in the data given by the insert.php file
                $( '#formId' ).each(function(){ //This code is for reload the page
                    window.location.reload(true);
                });
            });
            return false;
        });
    });
})(jQuery);

如何在5秒的时间段后显示消息？

Answer 1

您可以使用JavaScript计时器

来实现

setInterval(function(){ //display message
},3000);

Answer 2

尝试

setTimeout(function() { window.location.reload(true); }, 5000);

Answer 3

如果您想延迟javascript代码执行，可以使用setTimeout函数。

// This code will execute after 5 seconds
setTimeout(function() {
    alert('Hello world');
}, 5000);

Answer 4

setTimeout(function() {
  window.location.reload(true); 
}, 5000);

刷新带有时间段的页面

4 个答案: