如何在javascript程序運行時添加狀態信息？

-1

我有一個HTML5文件與這些腳本<head>如何在javascript程序運行時添加狀態信息？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
<script src="http://www.example.com/run_program.js"></script>

要<body>運行程序我用

<div><input type="button" onclick="retrieveData()" value="Execute Query"></div>

的run_program.js有時需要20秒才能完成。

如何添加一個簡單的控件讓用戶知道進程正在運行？

來源

2014-09-11 Jay Gray

你的函數的頂部開始這一點。最後停止它。 – 2014-09-11 08:24:34

你不會偶爾需要spin.js插件。因爲我們不知道你的run_program.js，所以我們不能幫你。但這個想法是，在你的js中創建一些消息，告知用戶當前的進程狀態... – errand 2014-09-11 08:27:00

@Rory需要更多的幫助。我將它添加到run_program.js中，還是將它作爲單獨的腳本加載？ – 2014-09-11 08:28:13

這並不是真的很清楚你想得到什麼，但AFAICU可以使用HTML5 progress元素，並在程序運行時更改它的'value'屬性（例如，如果程序中有循環，則可以添加100 /（總迭代次數）每次迭代）。 http://fgnass.github.io/spin.js/：

<progress id="running" min="0" max="100" value="0"></progress>

來源

2014-09-11 08:33:31

如何在javascript程序運行時添加狀態信息？

回答

相關問題