模拟CSS Jquery预加载程序

我想测试css预加载动画，但因为我的内容加载速度已经相当快了，所以很难看到我的css动画在运行。加载内容时会显示预加载程序，然后在加载内容后将其隐藏

我想知道是否有一种方法可以模拟我的预加载程序来实现缓慢的互联网连接，或者其他一些方法，这样我就可以看到它

下面是我正在使用的当前jquery

 $(document).ready(function(){

 $("#loader").css({'display' : 'block'});


 $("#loader").animate({'top' : '25%',opacity: 0.55,});


 if($( "#content" ).load){




  $("#loader").css({'display' : 'none'});

  $("#content").css({'display' : 'block'});
  alert('page has loaded')
  $("#content").animate({opacity: 1},6000);


}

---

在chrome中，您可以打开开发者工具，进入仿真，并在网络下的窗口顶部设置节流以模拟缓慢的网络。您也可以只注释掉if$content.load{}，然后您将看到预加载程序持续运行。