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

Putting a fake loading screen to give the impression that the calculation take time?

本文关键字：计算 一种 时间 印象 一个 加载 屏幕      更新时间：2023-09-26

我正在编写我的第一个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;
};

它所做的就是从一个表格中取出两个变量，将它们分开，然后返回结果。我想使用更多的变量，但计算会很快完成。因此，我想给用户的印象是，计算非常复杂，需要几秒钟才能公布结果。

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

如果有人能给我指正确的方向就好了。

谢谢。

George

Ninjaedit：顺便说一句，我不知道Jsfidle版本为什么不能正常工作。在我的本地环境中，计算是正确的。

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

  1. 显示一个包含加载图像或类似图像的div（提示：使用jQuery库）
  2. 启动计时器
  3. 计时器结束时：
    • 隐藏div
    • 执行上述功能

按下"计算"按钮后，您可以在2到3秒后使用window.setTimeout函数调用"计算数学运算"。

您可以在以下位置找到更多信息：http://www.w3schools.com/js/js_timing.asp

如果不清楚，请告诉我。可以给你举同样的例子。你也可以在链接上自己试试。

我告诉你我是如何解决的。

我试过用window.setTimeout…

出于某种原因，我无法将其与javascript一起使用。。。只制造了问题。。。因此，我使用了jquery中的.delay选项。。。感谢上帝，jquery如此简单。。。

在这里你可以看到我的结果：

http://phptest.klea.internetshop.cc

}另一种方法是使用jQuery库来添加简单的效果。您应该更改背景颜色、不透明度或其他值，以获得计算或动态负载的效果。

// change the background color to pink over 2 seconds
// ...then change it back to white
$(form).animate({backgroundColor : "pink"}, 2000).delay(2000).animate({backgroundColor : "white"}, 2000);
相关文章：