JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何报告JavaScript函数的进度?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个很长的 JavaScript函数并执行许多任务,我想通过使用消息更新SPAN元素的内容来向用户报告进度.我尝试在整个功能代码中添加document.getElementById(‘spnProgress’).innerText = …语句.

但是,当函数执行时,UI将不会更新,因此您只能看到写入SPAN的最后一条消息,这不是很有用.

我目前的解决方案是将任务分解为多个函数,在每个函数结束时我设置SPAN消息,然后使用window.setTimeout调用以非常短的延迟(比如10ms)“触发”下一个函数.这产生控制并允许浏览器在开始下一步之前用更新的消息重新绘制SPAN.

但是我觉得这很乱,很难遵循代码,我认为必须有更好的方法.有没有人有什么建议?有没有办法强制SPAN重绘而不必离开函数的上下文?

谢谢

解决方法@H_674_12@
你正在做的方式是正确的方式(目前,这可能会随着标准的出现而被改变并被采纳[见Andrew Aylett的 answer],但暂时还没有).你必须得到这样的结果才能允许浏览器进行UI更新.我发现我觉得这样的东西越多,清洁的东西越多,但是我做的第一次尝试确实非常“混乱”.希望你找到与你习惯相同的东西.

大佬总结

以上是大佬教程为你收集整理的如何报告JavaScript函数的进度?全部内容,希望文章能够帮你解决如何报告JavaScript函数的进度?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。