单击show loader上的javascript按钮

Question

我使用javascript来完成一个有时需要很长时间才能完成的命令，但是当我点击按钮时，按钮会一直按下并且在javascript执行完成之前不会更新屏幕。我需要知道如何在执行javascript时继续更新屏幕，因为我想在执行javascript时显示加载程序。

代码：jsFiddle code

Answer 1

使用jQuery。 jQuery.click将获得一个on click动作，然后使用jQuery的切换，在div函数中包含一个加载gif的div。

Answer 2

图片无法显示，因为浏览器只会在当前Javascript堆栈结束后才会进行重绘/重绘。

您可以做的是显示加载程序并使用setTimeout在重绘完成后调用重处理函数。

请注意，如果您的函数执行同步操作，例如for循环100000000次，则您的浏览器将忙于处理它以设置加载图像的动画（您可以然后有静态图像。

onclick="show_loader(); setTimeout(fn, 100);"

Fiddle