tests/test-LABjs-preloading-10.html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LABjs tests (LABjs with preloading #10)</title>
<script src="../LAB.js"></script>
<script>

var timeDiff = function(){
	var d, time;
	return {
		setStartTime:function (){
			d = new Date();
			time  = d.getTime();
		},
		getDiff:function (){
			d = new Date();
			return (d.getTime()-time);
		}
	};
}();

function done() {
	var log_value_text = "Loading/Execution Time: "+timeDiff.getDiff()+"\nVerification: "+script3+"\n";
	(function fn(){
		var load_log = document.getElementById("load_log");
		if (load_log !== null) load_log.value += log_value_text;
		else setTimeout(fn,10);
	})();
}

timeDiff.setStartTime();

$LAB
.setOptions({AlwaysPreserveOrder:true})
.script("http://labjs.getify.com/test_suite/testscript1.php?delay=5") // dupe scripts, only one will be preloaded/loaded
.script("http://labjs.getify.com/test_suite/testscript1.php?delay=5")
.script("testscript2.php?delay=3") 
.script("testscript2.php?delay=7") // 7 second load of script will be long poll for final "done" (~7 secs)
.script("http://labjs.getify.com/test_suite/testscript3.php?delay=1")
.wait(done);
	
</script>
</head>

<body>

<h1>LABjs tests (LABjs with preloading #10)</h1>

<img src="img1.jpg" width="100" hspace="5" alt="image 1" title="size: 379kb" />
<img src="img2.jpg" width="100" hspace="5" alt="image 2" title="size: 20kb" />

<br />
<form name="log_form">
<textarea id="load_log" name="load_log" cols="80" rows="10"></textarea>
</form>

</body>
</html>