<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>animationFrame property - Window class - polymer_app_layout.behaviors library - Dart API</title>
    <!-- required because all the links are pseudo-absolute -->
    <base href="../..">

    <link href='https://fonts.googleapis.com/css?family=Source+Code+Pro|Roboto:500,400italic,300,400' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="static-assets/prettify.css">
    <link rel="stylesheet" href="static-assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="static-assets/styles.css">

    <meta name="description" content="API docs for the animationFrame property from the Window class, for the Dart programming language.">
    <link rel="icon" href="static-assets/favicon.png">

    <!-- Do not remove placeholder -->
    <!-- Header Placeholder -->
</head>

<body>

<div id="overlay-under-drawer"></div>

<header class="container-fluid" id="title">
    <nav class="navbar navbar-fixed-top">
        <div class="container">
            <button id="sidenav-left-toggle" type="button">&nbsp;</button>
            <ol class="breadcrumbs gt-separated hidden-xs">
                <li><a href="index.html">polymer_app_layout_template</a></li>
                <li><a href="polymer_app_layout.behaviors/polymer_app_layout.behaviors-library.html">polymer_app_layout.behaviors</a></li>
                <li><a href="polymer_app_layout.behaviors/Window-class.html">Window</a></li>
                <li class="self-crumb">animationFrame</li>
            </ol>
            <div class="self-name">animationFrame</div>
        </div>
    </nav>
    <div class="container masthead">
        <ol class="breadcrumbs gt-separated visible-xs">
            <li><a href="index.html">polymer_app_layout_template</a></li>
            <li><a href="polymer_app_layout.behaviors/polymer_app_layout.behaviors-library.html">polymer_app_layout.behaviors</a></li>
            <li><a href="polymer_app_layout.behaviors/Window-class.html">Window</a></li>
            <li class="self-crumb">animationFrame</li>
        </ol>
        <div class="title-description">
            <h1 class="title">
                <div class="kind">property</div> animationFrame
            </h1>
            <!-- p class="subtitle">
                Returns a Future that completes just before the window is about to
repaint so the user can draw an animation frame.
            </p -->
        </div>
        <ul class="subnav">
        </ul>
    </div>
</header>

<div class="container body">

  <div class="col-xs-6 col-sm-3 sidebar sidebar-offcanvas-left">
    <h5><a href="index.html">polymer_app_layout_template</a></h5>
    <h5><a href="polymer_app_layout.behaviors/polymer_app_layout.behaviors-library.html">polymer_app_layout.behaviors</a></h5>
    <h5><a href="polymer_app_layout.behaviors/Window-class.html">Window</a></h5>

    <ol>
      <li class="section-title"><a href="polymer_app_layout.behaviors/Window-class.html#constants">Constants</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/animationEndEvent.html">animationEndEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/animationIterationEvent.html">animationIterationEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/animationStartEvent.html">animationStartEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/beforeUnloadEvent.html">beforeUnloadEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/contentLoadedEvent.html">contentLoadedEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/deviceMotionEvent.html">deviceMotionEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/deviceOrientationEvent.html">deviceOrientationEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/hashChangeEvent.html">hashChangeEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/loadStartEvent.html">loadStartEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/messageEvent.html">messageEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/offlineEvent.html">offlineEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/onlineEvent.html">onlineEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/pageHideEvent.html">pageHideEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/pageShowEvent.html">pageShowEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/PERSISTENT.html">PERSISTENT</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/popStateEvent.html">popStateEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/progressEvent.html">progressEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/storageEvent.html">storageEvent</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/TEMPORARY.html">TEMPORARY</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/unloadEvent.html">unloadEvent</a></li>
    
      <li class="section-title"><a href="polymer_app_layout.behaviors/Window-class.html#static-properties">Static properties</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/supportsPointConversions.html">supportsPointConversions</a></li>
    
    
      <li class="section-title"><a href="polymer_app_layout.behaviors/Window-class.html#instance-properties">Properties</a></li>
      <li><a href="polymer_app_layout.behaviors/Window/animationFrame.html">animationFrame</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/applicationCache.html">applicationCache</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/closed.html">closed</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/console.html">console</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/crypto.html">crypto</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/css.html">css</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/defaultstatus.html">defaultstatus</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/defaultStatus.html">defaultStatus</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/devicePixelRatio.html">devicePixelRatio</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/document.html">document</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/history.html">history</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/indexedDB.html">indexedDB</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/innerHeight.html">innerHeight</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/innerWidth.html">innerWidth</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/localStorage.html">localStorage</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/location.html">location</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/locationbar.html">locationbar</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/menubar.html">menubar</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/name.html">name</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/navigator.html">navigator</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/offscreenBuffering.html">offscreenBuffering</a>
</li>
      <li>on
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onAbort.html">onAbort</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onAnimationEnd.html">onAnimationEnd</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onAnimationIteration.html">onAnimationIteration</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onAnimationStart.html">onAnimationStart</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onBeforeUnload.html">onBeforeUnload</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onBlur.html">onBlur</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onCanPlay.html">onCanPlay</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onCanPlayThrough.html">onCanPlayThrough</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onChange.html">onChange</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onClick.html">onClick</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onContentLoaded.html">onContentLoaded</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onContextMenu.html">onContextMenu</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onDeviceMotion.html">onDeviceMotion</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onDeviceOrientation.html">onDeviceOrientation</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onDoubleClick.html">onDoubleClick</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onDrag.html">onDrag</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onDragEnd.html">onDragEnd</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onDragEnter.html">onDragEnter</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onDragLeave.html">onDragLeave</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onDragOver.html">onDragOver</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onDragStart.html">onDragStart</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onDrop.html">onDrop</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onDurationChange.html">onDurationChange</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onEmptied.html">onEmptied</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onEnded.html">onEnded</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onError.html">onError</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onFocus.html">onFocus</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onHashChange.html">onHashChange</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onInput.html">onInput</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onInvalid.html">onInvalid</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onKeyDown.html">onKeyDown</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onKeyPress.html">onKeyPress</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onKeyUp.html">onKeyUp</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onLoad.html">onLoad</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onLoadedData.html">onLoadedData</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onLoadedMetadata.html">onLoadedMetadata</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onLoadStart.html">onLoadStart</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onMessage.html">onMessage</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onMouseDown.html">onMouseDown</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onMouseEnter.html">onMouseEnter</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onMouseLeave.html">onMouseLeave</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onMouseMove.html">onMouseMove</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onMouseOut.html">onMouseOut</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onMouseOver.html">onMouseOver</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onMouseUp.html">onMouseUp</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onMouseWheel.html">onMouseWheel</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onOffline.html">onOffline</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onOnline.html">onOnline</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onPageHide.html">onPageHide</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onPageShow.html">onPageShow</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onPause.html">onPause</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onPlay.html">onPlay</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onPlaying.html">onPlaying</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onPopState.html">onPopState</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onProgress.html">onProgress</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onRateChange.html">onRateChange</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onReset.html">onReset</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onResize.html">onResize</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onScroll.html">onScroll</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onSearch.html">onSearch</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onSeeked.html">onSeeked</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onSeeking.html">onSeeking</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onSelect.html">onSelect</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onStalled.html">onStalled</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onStorage.html">onStorage</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onSubmit.html">onSubmit</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onSuspend.html">onSuspend</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onTimeUpdate.html">onTimeUpdate</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onTouchCancel.html">onTouchCancel</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onTouchEnd.html">onTouchEnd</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onTouchMove.html">onTouchMove</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onTouchStart.html">onTouchStart</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onTransitionEnd.html">onTransitionEnd</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onUnload.html">onUnload</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onVolumeChange.html">onVolumeChange</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/onWaiting.html">onWaiting</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/opener.html">opener</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/orientation.html">orientation</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/outerHeight.html">outerHeight</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/outerWidth.html">outerWidth</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/pageXOffset.html">pageXOffset</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/pageYOffset.html">pageYOffset</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/parent.html">parent</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/performance.html">performance</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/screen.html">screen</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/screenLeft.html">screenLeft</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/screenTop.html">screenTop</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/screenX.html">screenX</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/screenY.html">screenY</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/scrollbars.html">scrollbars</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/scrollX.html">scrollX</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/scrollY.html">scrollY</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/self.html">self</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/sessionStorage.html">sessionStorage</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/speechSynthesis.html">speechSynthesis</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/status.html">status</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/statusbar.html">statusbar</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/styleMedia.html">styleMedia</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/toolbar.html">toolbar</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/top.html">top</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/window.html">window</a>
</li>
    
    
    
      <li class="section-title"><a href="polymer_app_layout.behaviors/Window-class.html#methods">Methods</a></li>
      <li>addEventListener
</li>
      <li><a href="polymer_app_layout.behaviors/Window/alert.html">alert</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/atob.html">atob</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/btoa.html">btoa</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/cancelAnimationFrame.html">cancelAnimationFrame</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/close.html">close</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/confirm.html">confirm</a>
</li>
      <li>dispatchEvent
</li>
      <li><a href="polymer_app_layout.behaviors/Window/find.html">find</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/getMatchedCssRules.html">getMatchedCssRules</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/getSelection.html">getSelection</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/matchMedia.html">matchMedia</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/moveBy.html">moveBy</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/moveTo.html">moveTo</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/open.html">open</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/openDatabase.html">openDatabase</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/postMessage.html">postMessage</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/print.html">print</a>
</li>
      <li>removeEventListener
</li>
      <li><a href="polymer_app_layout.behaviors/Window/requestAnimationFrame.html">requestAnimationFrame</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/requestFileSystem.html">requestFileSystem</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/resizeBy.html">resizeBy</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/resizeTo.html">resizeTo</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/resolveLocalFileSystemUrl.html">resolveLocalFileSystemUrl</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/scroll.html">scroll</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/scrollBy.html">scrollBy</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/scrollTo.html">scrollTo</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/showModalDialog.html">showModalDialog</a>
</li>
      <li><a href="polymer_app_layout.behaviors/Window/stop.html">stop</a>
</li>
    </ol>

  </div><!--/.sidebar-offcanvas-->

  <div class="col-xs-12 col-sm-9 col-md-6 main-content">

    <section class="multi-line-signature">
        <span class="returntype">Future&lt;num&gt;</span>
        <span class="name ">animationFrame</span>
        <div class="readable-writable">
            read-only
        </div>
    </section>

      <section class="desc markdown">
      
            <p>Returns a Future that completes just before the window is about to
repaint so the user can draw an animation frame.</p>
<p>If you need to later cancel this animation, use <code class="prettyprint lang-dart">requestAnimationFrame</code>
instead.</p>
<p>The <code class="prettyprint lang-dart">Future</code> completes to a timestamp that represents a floating
point value of the number of milliseconds that have elapsed since the page
started to load (which is also the timestamp at this call to
animationFrame).</p>
<p>Note: The code that runs when the future completes should call
<code class="prettyprint lang-dart">animationFrame</code> again for the animation to continue.</p>
      
      </section>

  </div> <!-- /.main-content -->

</div> <!-- container -->

<footer>
    <div class="container-fluid">
        <div class="container">
            <p class="text-center">
                <span class="no-break">
                  polymer_app_layout_template 0.1.0 api docs
                </span>
                &bull;
                <span class="copyright no-break">
                  <a href="https://www.dartlang.org">
                    <img src="static-assets/favicon.png" alt="Dart" title="Dart"width="16" height="16">
                  </a>
                </span>
                &bull;
                <span class="copyright no-break">
                  <a href="http://creativecommons.org/licenses/by-sa/4.0/">cc license</a>
                </span>
            </p>
        </div>
    </div>
</footer>

<script src="static-assets/prettify.js"></script>
<script src="static-assets/script.js"></script>
<!-- Do not remove placeholder -->
<!-- Footer Placeholder -->
</body>

</html>
