单击显示加载器上的javascript按钮

标签 javascript button loader

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

代码:jsFiddle code

最佳答案

图像不显示是因为浏览器只会在当前 Javascript 堆栈结束后才进行重绘/重绘。

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

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

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

Fiddle

关于单击显示加载器上的javascript按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12030642/

相关文章:

javascript - 如何检查对象中的所有属性是否未定义

javascript - bindAll() 似乎不适用于 Backbone View

javascript - 尝试使用 innerHTML 获取 javascript 函数的结果

javascript - 即 10 : SCRIPT5: Access is Denied error on anchor click event

Linux 用户空间 ELF 加载器

python - 如何破解 blender 帮助按钮?

javascript - 如何切换 div 的显示?

android - 如何将声音文件链接到按钮?

javascript - 让javascript动画函数循环,直到页面加载

ios - Xcode 5缺少代码签名权利?