1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LABjs tests (LABjs with preloading #4)</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);
})();
}
$LAB.setGlobalDefaults({AlwaysPreserveOrder:true});
timeDiff.setStartTime();
$LAB
.script(
["http://labjs.xhr.me/test_suite/testscript1.php?delay=5",
"testscript2.php?delay=3"
],
"http://labjs.xhr.me/test_suite/testscript3.php?delay=1"
)
.wait(done);
</script>
</head>
<body>
<h1>LABjs tests (LABjs with preloading #4)</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>