async js

by InferOn

HTML

<script>
        
    	function updateSync() {
		    for (var i = 0; i < 1000; i++) {
		        setTimeout(document.getElementById('output').innerHTML = i,0);
		    }
		}

		function updateAsync() {
		    var i = 0;

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

		    updateLater();
		}
</script>

<div class="row btn_area">
				<button class="btn btn-info" onclick="updateSync()">Run Sync</button>
				<button class="btn btn-info" onclick="updateAsync()">Run Async</button>
				<span class="label label-info pull-right" style="display:block;" id="output"></span>
			</div>