javascript - 设置页面加载处理时间

Question

我在代码中添加了加载图像，直到整个过程尚未完全完成时才加载图像，但我如何知道页面加载时间，因为处理时间总是根据数据而变化。

我在下面的 JavaScript 代码中提到了时间。

<script>
$('#save').click(function() {
   $('#loading').html('<img src="./images/ima.png"> loading...');
   $.ajax({
      success : function(d) {
         setTimeout(function() {
            $('#loading').html('<img src="./images/images.png">');
         }, 2000);
      }
   });
});
</script>

Answer 1

在ajax成功方法中使用complete来隐藏加载图像，而不是使用setout，这样一旦ajax请求完成，无论错误还是成功，加载图像都会被隐藏.

<script>
      $('#save').click(function() {
       $('#loading').html('<img src="./images/ima.png"> loading...');
       $.ajax({
          success : function(d) {
             //handle success
          },
          error: function(xhr) { 
            // hanndle if error occurs 
           },

          complete: function() {
              //hide loading here
               $('#loading').html('<img src="./images/images.png">');
          }
       });
    });
 </script>