Controller allows speed to be adjusted.
catseye
12 years ago
| 15 | 15 |
<button id="stop">Stop</button>
|
| 16 | 16 |
<button id="step">Step</button>
|
| 17 | 17 |
<button id="load">Load</button>
|
|
18 |
Speed: <input id="speed" type="range" min="0" max="200" value="0" />
|
| 18 | 19 |
|
| 19 | 20 |
</body>
|
| 20 | 21 |
<script>
|
|
| 35 | 36 |
'stop': 'stop',
|
| 36 | 37 |
'step': 'step',
|
| 37 | 38 |
'load': 'load',
|
| 38 | |
'source': 'input'
|
|
39 |
'source': 'input',
|
|
40 |
'speed': 'speed'
|
| 39 | 41 |
});
|
| 40 | 42 |
</script>
|
| 33 | 33 |
* with those ids will be obtained from the document and used.
|
| 34 | 34 |
*/
|
| 35 | 35 |
this.connect = function(dict) {
|
|
36 |
var self = this;
|
| 36 | 37 |
var keys = ["start", "stop", "step", "load"];
|
| 37 | 38 |
for (var i in keys) {
|
| 38 | 39 |
var key = keys[i];
|
|
| 59 | 60 |
}
|
| 60 | 61 |
if (speed !== undefined) {
|
| 61 | 62 |
this.speed = speed;
|
|
63 |
speed.value = self.delay;
|
|
64 |
speed.onchange = function(e) {
|
|
65 |
self.delay = speed.value;
|
|
66 |
if (self.intervalId !== undefined) {
|
|
67 |
self.stop();
|
|
68 |
self.start();
|
|
69 |
}
|
|
70 |
}
|
| 62 | 71 |
}
|
| 63 | 72 |
};
|
| 64 | 73 |
|