Javascript Html5 Jquery在单击事件时多次更新标签

我想做的是： 单击一个按钮，sleep，将标签更改为Run，sleep，更改标签OK

我有一个带有点击事件功能的按钮runajax。 我有一张带标签的桌子：

<table class="table table-bordered">
    <tbody>
        <tr>
            <td >Status Global </td>
            <td align="center"><label id="Status">FieldToUpdate</label></td>
        </tr>
    </tbody>
</table>

但我只能看到最后的更新，而不能看到标签的中间值

---

有人能帮我吗？

我做了一些研究，发现使用setTimeout比睡眠更好

setTimeout(function(), delay)

这是我在小提琴上的代码：

我一开始试过这个：

setTimeout(function() {
        setStatus("run");
    },3000);
setTimeout(function() {
        setStatus("stop");
    },3000);

但问题和你一样：显示最后一个，而不是中间的

我很难理解为什么。然后我把后面的一个改为6000，我得到了结果。我相信setTimeout和run-async都不会等到代码完成后再执行其他操作。请查看此处以了解更多详细信息：

---

什么是睡眠方法？？？函数sleepMilsets{var start=new Date.getTime；for var i=0；i<1e7；i++{if new Date.getTime-start>millists{break；}}睡眠功能只是为了模拟一些作业。Java脚本是单线程语言，您正在阻止UI，因为它没有时间更新。如果你想模拟一个ajax调用，顺便说一句，这是异步的，那么你可以使用setTimeout代替它。也许我不清楚，但我的问题不是关于睡眠或超时。我只是用它来模拟一些工作，仅此而已。我的问题是更新标签。我没有中间更新。@user5023028请重新读取。我还提到了为什么我的结果和你的一样

setTimeout(function() {
        setStatus("run");
    },3000);
setTimeout(function() {
        setStatus("stop");
    },3000);