javascript - 刷新动画然后重定向到不同的 url

Question

这可能是一个非常菜鸟的问题......但我无法弄明白。

我有一个只有一个按钮的页面..

我想要的是..当我点击那个按钮时它会显示一个“正在处理”的动画

像这样

http://ajaxload.info/

然后几秒钟后.. 转发到一个 url

说 google.com

我确信这很微不足道..但我无法考虑它。

到目前为止我只有一个按钮:(

Answer 1

使用setTimeout()两秒后调用位置..window.loaction 重定向

试试这个

HTML

<button id="buttonId">click</button>
<img src="loading.gif" id="imgid" style="display:none"/>

jquery

$('#buttonId').click(function(){
   $('#imgid').show(); //this is where you'll show your loading gif
   setTimeout(function(){window.location="http://google.com";}, 2000);
});