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

Question

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

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

<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>

Answer 1

您可以使用setTimeout:

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