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
80
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>dojox.timing.Sequence class</title>
<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true" ></script>
<script type="text/javascript" src="../Sequence.js"></script>
<style type="text/css">
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/themes/dijit.css";
@import "../../../dijit/themes/tundra/tundra.css";
@import "../../../dijit/tests/css/dijitTests.css";
</style>
<script type="text/javascript">
// dojo.require("dojox.timing.Sequence");
var seqObj = null; var outputNode = null;
dojo.addOnLoad(function(){
outputNode = dojo.byId('logBox');
seqObj = new dojox.timing.Sequence({});
});
function runSequence(){
outputNode.innerHTML = "";
seqObj.go(seq, function() { logMsg('done') });
};
function logMsg(msg){
outputNode.innerHTML += msg + "<br>";
}
function showMessage(msg) {
logMsg(msg);
}
function returnWhenDone() {
logMsg("in returnWhenDone");
window.setTimeout(continueSequence,1000);
return false;
}
function continueSequence() {
// continue the sequence run
seqObj.goOn();
}
// this is our example sequence array:
var seq = [
{func: [showMessage, window, "i am first"], pauseAfter: 1000},
{func: [showMessage, window, "after 1000ms pause this should be seen"], pauseAfter: 2000},
{func: [showMessage, window, "another 2000ms pause and 1000ms pause before"], pauseAfter: 1000},
{func: [showMessage, window, "repeat 10 times and pause 100ms after"], repeat: 10, pauseAfter: 100},
{func: returnWhenDone} // no array, just a function to call
];
</script>
</head>
<body class="tundra">
<h1>dojox.timing.Sequence tests</h1>
<br>(example code in page source)<br>
<input type="button" onClick="runSequence()" value="Run Sequence">
<h3>Sequence output:</h3>
<div id="logBox" style="width:420px; height:250px; overflow:auto; border:1px solid #ccc;">
</div>
<p>TODO: maybe need to put an _Animation sequence example here? seems much more robust
than using chains and combines with delays and durations to hack timing ... also, need
examples for stop() and other methods of class</p>
</body>
</html>
|
