LABjs/tests/test-LABjs-preloading-12a.html at master · projesh/LABjs · GitHub

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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LABjs tests (LABjs with preloading #12a)</title>

<!-- testing conditional chaining -->

<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
.script(function(){
	if (typeof script1 == "undefined") return "http://labjs.getify.com/test_suite/testscript1.php?delay=5";
	else return false;
})
.wait()
.script(function(){
	if (typeof script2 == "undefined") return "testscript2.php?delay=3";
	else return false;
})
.wait()
.script(function(){
	if (typeof script3 == "undefined") return {src:"http://labjs.getify.com/test_suite/testscript3.php?delay=1"};
	else return false;
})
.wait(done);

</script>
</head>

<body>

<h1>LABjs tests (LABjs with preloading #12a)</h1>
<ul>
<li><a href="test-LABjs-preloading-12a.html">test 12a</a></li>
<li><a href="test-LABjs-preloading-12b.html">test 12b</a></li>
<li><a href="test-LABjs-preloading-12c.html">test 12c</a></li>
<li><a href="test-LABjs-preloading-12d.html">test 12d</a></li>
<li><a href="test-LABjs-preloading-12e.html">test 12e</a></li>
<li><a href="test-LABjs-preloading-12f.html">test 12f</a></li>
<li><a href="test-LABjs-preloading-12g.html">test 12g</a></li>
</ul>

<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>