javascript - 在JavaScript完成之前和之后onclick更新文本

我有一个非常简单的问题。我有一个onclick函数，需要10秒钟才能完成。因此，我想在功能完成时添加“正在加载，请稍候”文本。

如果我这样做：
    

javascript:
function onclickFunction(){
    addPleaseWait();
    runSlowFunction();
    addFinishedText();
}

然后当然，最终结果是慢速函数先运行，然后addPleaseWait和FinishedText运行第二和第三。正确的方法是什么？

最佳答案

function call() {
  //your function here for example :
  $("#yourFunction").html("yourFunction is executing....");
  $("#test").html("Please Wait....."); // during your function
  setTimeout(function() {
    $("#yourFunction").html("yourFunction is completed....");
    $("#test").html("done!!!!"); // after your function completed

  }, 1000); // if you need more or less time change here
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<button onclick=call()>Click</button>
<div id="yourFunction"></div>
<div id="test"></div>