javascript - 刷新动画，然后重定向到其他URL

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

我有一个带有一个按钮的页面。

我想要的是..当我单击该按钮时，它显示了“正在处理”的动画

像这样

http://ajaxload.info/

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

说google.com

我敢肯定这是微不足道的。但是我无法考虑。

到目前为止，我所拥有的只是一个按钮:(

最佳答案

两秒钟后使用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);
});