个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
29
4
我想做的是在执行 CPU 密集型脚本之前更新一个简单的 div 来表示“正在处理...”(运行需要 3-12 秒，没有 AJAX)，然后更新该 div 来表示“完成的!”完成后。
我看到的是 div 永远不会用“正在处理...”进行更新。如果我在该命令之后立即设置断点，那么 div 文本就会更新，所以我知道语法是正确的。 IE9、FF6、Chrome13 中的行为相同。
即使绕过 jQuery 并使用基本的原始 Javascript，我也会看到同样的问题。
您可能认为这会有一个简单的答案。但是，由于 jQuery .html() 和 .text() 没有回调 Hook ，因此这不是一个选项。它也不是动画的，因此没有可操作的 .queue。
您可以使用我在下面准备的示例代码自行测试，该代码显示了具有 5 秒高 CPU 函数的 jQuery 和 Javascript 实现。该代码很容易理解。当您单击按钮或链接时，您永远不会看到“正在处理...”
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" ></script>
<script type="text/javascript">
function addSecs(d, s) {return new Date(d.valueOf()+s*1000);}
function doRun() {
document.getElementById('msg').innerHTML = 'Processing JS...';
start = new Date();
end = addSecs(start,5);
do {start = new Date();} while (end-start > 0);
document.getElementById('msg').innerHTML = 'Finished JS';
}
$(function() {
$('button').click(function(){
$('div').text('Processing JQ...');
start = new Date();
end = addSecs(start,5);
do {start = new Date();} while (end-start > 0);
$('div').text('Finished JQ');
});
});
</script>
</head>
<body>
<div id="msg">Not Started</div>
<button>jQuery</button>
<a href="#" onclick="doRun()">javascript</a>
</body>
</html>
最佳答案
将其设置为处理，然后执行 setTimeout 以防止 CPU 密集型任务运行，直到 div 更新后。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" ></script>
<script>
function addSecs(d, s) {return new Date(d.valueOf()+s*1000);}
function doRun() {
document.getElementById('msg').innerHTML = 'Processing JS...';
setTimeout(function(){
start = new Date();
end = addSecs(start,5);
do {start = new Date();} while (end-start > 0);
document.getElementById('msg').innerHTML = 'Finished Processing';
},10);
}
$(function() {
$('button').click(doRun);
});
</script>
</head>
<body>
<div id="msg">Not Started</div>
<button>jQuery</button>
<a href="#" onclick="doRun()">javascript</a>
</body>
</html>
您可以根据需要修改 setTimeout 延迟，对于较慢的机器/浏览器，它可能需要更大。
编辑:
您还可以使用警报或确认对话框来允许页面更新。
document.getElementById('msg').innerHTML = 'Processing JS...';
if ( confirm( "This task may take several seconds. Do you wish to continue?" ) ) {
// run code here
}
关于javascript - jQuery/Javascript - 如何在继续执行函数之前等待操作的 DOM 更新，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7342084/
29
4
0
我正在我的应用程序后台下载视频。如果用户在下载过程中重启了应用/设备，有什么方法可以在他们下次启动应用时从他们中断的地方继续下载？ 最佳答案 这主要取决于文件服务器的配置(HTTP、FTP 等)。 现
我正在试验 WPF 动画，但有点卡住了。这是我需要做的: 鼠标悬停: 淡入(2 秒内从 0% 到 100% 不透明度) MouseOut: 暂停 2 秒 淡出(2 秒内从 100% 到 0% 不透明度
我的问题是这个线程的延续: Ant: copy the same fileset to multiple places 我是映射器的新手。有人(carej？)可以分享一个使用映射器来做到这一点的例子吗
继续previous question我希望能够显示一些事件指示器即使主线程被阻塞。(基于this article)。 基于所附代码的问题: 使用 Synchronize(PaintTargetWin
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。 要求提供代码的问题必须表现出对所解决问题的最低限度的了解。包括尝试的解决方案、为什么它们不起作用以及预期结果
我有一个场景，其中有一个线程在等待和执行任务之间循环。但是，我想中断线程的等待(如果愿意，可以跳过其余的等待)并继续执行任务。 有人知道如何做到这一点吗？ 最佳答案 我认为你需要的是实现 wait()
这是我的代码架构: while (..) { for (...; ...;...) for(...;...;...) if ( )
import java.util.Scanner; public class InteractiveRectangle { public static void main(String[] args)
如何将 continue 放入具有函数的列表理解中？ 下面的示例代码... import pandas as pd l = list(pd.Series([1,3,5,0,6,8])) def inv
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post . 关闭 6 年前。 Improve this qu
我正在用 python 开发一个程序，遇到了一个我不知道如何解决的问题。我的意图是使用 with 语句，避免使用 try/except。 到目前为止，我的想法是能够使用 continue 语句，就像在
我对下一段代码的执行感到困惑: label: for (int i = 0; i < 100; i++) { if (i % 2 == 0) c
这很好用: #include int main(){ volatile int abort_counter = 0; volatile int i = 0; while (i
Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。 想改善这个问题吗？更新问题，以便将其作为on-topic
如果不满足某些条件，我会尝试跳到循环的下一次迭代。问题是循环仍在继续。 我哪里出错了？ 根据第一条评论更新了代码示例。 foreach ($this->routes as $route =>
如果不满足某些条件，我会尝试跳到循环的下一次迭代。问题是循环仍在继续。 我哪里出错了？ 根据第一条评论更新了代码示例。 foreach ($this->routes as $route =>
Android项目中的一个需求：通过线程读取文件内容，并且可以控制线程的开始、暂停、继续，来控制读文件。在此记录下。 直接在主线程中，通过wait、notify、notifyAll去控制读文件的线
link text 我得到了引用计数的概念 所以当我执行“del astrd”时，引用计数降为零并且 astrd 被 gc 收集？ 这是示例代码。这些代码是我在昨天的问题之后开发的:link text
我想首先检查我的 Range 是否有 #NA 错误，然后在退出宏之前显示包含错误的单元格地址。这是我到目前为止所做的。 现在，如果出现错误，我想显示 MsgBox警告用户错误并停止程序的其余部分执行，
while( (c = fgetc(stdin)) != EOF ){ count++; if (count == lineLen - 1){ moreChars =
我是一名优秀的程序员,十分优秀！