Reverting setTimeout removal.

samples/swarm/swarm_ui_lib/view/ConveyorView.dart

 // Copyright (c) 2011, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 part of view;
 
 /**
  * Holds a number of child views.  As you switch between views, the old
  * view is pushed off to the side and the new view slides in from the other
  * side.
  */
 class ConveyorView extends CompositeView {
   // TODO(jmesserly): some places use this property to know when the slide
   // transition is finished. It would be better to have an event that fires
   // when we're done sliding
   static const ANIMATE_SECONDS = 0.25;
 
   View targetView;
   // TODO(rnystrom): Should not be settable.
   View selectedView;
   // TODO(rnystrom): Hackish. Should use a real multicast event-like class.
   // Or just have it depend on an Observable to select a view and indicate
   // which view is selected? (e.g. the MVVM pattern)
   Function viewSelected;
 
-  Timer animationTimer;
+  int animationTimeoutId;
 
   ConveyorView()
   : super('conveyor-view', true),
-    animationTimer = null {
+    animationTimeoutId = null {
   }
 
   Element render() {
     final result = super.render();
     // TODO(rnystrom): Have to do this in render() because container doesn't
     // exist before then. Hack. Should find a cleaner solution. One of:
     // - Add a ctor param to CompositeView for container class name.
     // - Make ConveyorView contain a CompositeView instead of subclass.
     // - Add method to CompositeView to set class name.
     container.attributes['class'] = 'conveyor-view-container';
@@ skipping 13 matching lines @@
     int index = getIndexOfSelectedView();
     final durationSeconds = animate ? ANIMATE_SECONDS : 0.0;
 
     final style = container.style;
     // TODO(jacobr): modify setTransitionDuration so the input is always
     // specified in miliseconds rather than accepting a string.
     style.transitionDuration = '${durationSeconds}s';
     final xTranslationPercent = -index * 100;
     style.transform = 'translate3d(${xTranslationPercent}%, 0px, 0px)';
 
+    if (animationTimeoutId != null) {
+      window.clearTimeout(animationTimeoutId);
+    }
+
     if (animate) {
-      animationTimer = new Timer(
-          new Duration(milliseconds: ((durationSeconds * 1000).toInt())),
-          () { _onAnimationEnd(); });
+      animationTimeoutId = window.setTimeout(
+          () { _onAnimationEnd(); }, (durationSeconds * 1000).toInt());
     }
     // TODO(mattsh), we should set the visibility to hide everything but the
     // selected view.
   }
 
   int getIndexOfSelectedView() {
     for (int i = 0; i < childViews.length; i++) {
       if (childViews[i] == selectedView) {
         return i;
       }
@@ skipping 10 matching lines @@
     view.transform = 'translate3d(${(childViews.length * 100)}%, 0, 0)';
     return super.addChild(view);
   }
 
   void _onAnimationEnd() {
     if (viewSelected != null) {
       viewSelected(selectedView);
     }
   }
 }