同期および非同期スクリプト

2014年7月4日

同期および非同期スクリプト参考サンプルコード：

<div id="output"></div>
<button onclick="updateSync()">Run Sync</button>
<button onclick="updateAsync()">Run Async</button>
<script>
function updateSync()
{
for (var i= 0; i < 1000; i++) {
document.getElementById('output’).innerHTML= i;
}
}
function updateAsync()
{

var i= 0;
function updateLater()
{
document.getElementById('output’).innerHTML= (i++);
if (i< 1000) {
setTimeout(updateLater,0);
}
}
updateLater();
}
</script>