如何在第二页加载之前显示div一段时间

Question

我有一个名为ADD的div。并使用此按钮我想在当前页面中使用ajaxload加载第二页。问题是如何在加载第二页之前显示div 4秒？之后4秒加载第二页？ 这是我的片段：

＆＃13;

＆＃13;

	$(function() {
	$('.add').click(function() {
	$('.here').html('<span class="loading">LOADING...</span>');
	$('.here').load('secondpage.html');
	});
	});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href="javascript:void(0)" href="javascript "><div class="add">ADD Zone</div></a>
<div class="here" style="border:1px solid #000; width:100%; height:400px;">
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以使用setTimeout：

$(function() {
  $('.add').click(function() {
    $('.here').html('<span class="loading">LOADING...</span>');
    setTimeout(function() {
      $('.here').load('secondpage.html');
    }, 4000);
  });
});