javascript - 放置一个假的加载屏幕来给人一种计算需要时间的印象？

Question

我正在编写我的第一个 Javascript 程序。我是这门编程语言的新手，因此，如果您能让答案简单明了，以便我能够理解，我将非常感激。

这是我的代码: http://jsfiddle.net/7Tfwh/1/

function temp(form) {
var umsatz = parseFloat(form.umsatz.value, 10);
var ebit = parseFloat(form.ebit.value, 10);
umsatzrendite = (ebit / umsatz)*100 + "%";
form.umsatzrendite.value = umsatzrendite;
};

它所做的只是从表单中取出 2 个变量并将它们相除并返回结果。 我想使用更多的变量，但计算会很快完成。因此，我想给用户留下这样的印象:计算非常复杂，需要几秒钟才能发布结果。

因此，我想在用户按下“计算”按钮之后，当然在获得结果之前，使用加载屏幕 3 到 5 秒。

如果有人能指出我正确的方向，那就太好了。

谢谢。

乔治

忍者编辑: 顺便说一句，我不知道为什么 Jsfiddle-Version 不能正常工作。在我的本地环境中，计算正确完成。

Answer 1

最简单的方法是；当用户单击按钮时:

1. show a div包含加载图像或类似内容(提示:使用 jQuery library )
2. 启动timer
3. 当计时器结束时:
   • 隐藏div
   • 执行上述功能