Question

我意识到有类似的问题here，但是当我尝试将其改编为我的案例时，代码无效。所以这里有一些细节：

在我正在进行的闲置游戏中，用户可以进行多项操作，但我希望他知道该操作是否正在进行中。因此，当他点击我的div时，它的背景可能会像进度条一样填满。

我的HTML：

<div class="button" onClick="makeMoney()" id="makeMoney">
<span>Go To Work</span></div>

我的JS：

function makeMoney() {
var btn = document.getElementById("makeMoney");
if (btn.getAttribute('disabled') == 'disabled') {
   return;
}
btn.setAttribute('disabled', 'disabled')
setTimeout(function () {
    money += job;
    document.getElementById("money").innerHTML = money;
    btn.removeAttribute('disabled')
}, 10000)
};

Answer 1

这是一个关于如何显示进度条的简单示例。它非常基本，不使用任何API。（除了基本的jquery）。

HTML：

public string Get_Field_By_Id(string table_Name, string field_Name, string PK_val)
{
    using (var db = new mydbcontext())
        return Convert.ToString(db.GetColumnById(table_Name, field_Name, PK_val));
}

Javascript：

<input type="button" class="button" onClick="makeMoney()" id="makeMoney" value="Action">
</input>
<div id="divfillmeUp" style="width:100%">
</div>

希望它有所帮助。

创建一个在点击时激活一段时间的进度条

1 个答案: