apps/util/TimeSeriesPlayer.js
function (worldWindow) {
        var self = this;

        this.createPlayer();

        // Intentionally not documented.
        this.slider = $("#timeSeriesSlider");
        this.sliderThumb = $(this.slider.children('.ui-slider-handle'));
        this.timeDisplay = $("#timeSeriesDisplay");// $('<span style="position: absolute; width: 50px">Sat Aug 14, 2015</span>');

        /**
         * The WorldWindow associated with this player, as specified to the constructor.
         * @type {WorldWindow}
         * @readonly
         */
        this.wwd = worldWindow;

        /**
         * The time in milliseconds to display each frame of the time sequence.
         * @type {Number}
         * @default 1000 milliseconds
         */
        this.frameTime = 1000;

        /**
         * The time sequence this player controls.
         * @type {PeriodicTimeSequence}
         * @default null
         */
        this.timeSequence = null;

        /**
         * The layer this player controls.
         * @type {Layer}
         * @default null
         */
        this.layer = null;

        //this.timeSequence = new WorldWind.PeriodicTimeSequence("2000-01-01/2001-12-01/P1M");

        $("#timeSeriesBackward").on("click", function (event) {
            self.onStepBackwardButton(event);
        });

        $("#timeSeriesForward").on("click", function (event) {
            self.onStepForwardButton(event);
        });

        $("#timeSeriesPlay").on("click", function (event) {
            self.onPlayButton(event);
        });

        $("#timeSeriesRepeat").on("click", function (event) {
            self.onRepeatButton(event);
        });

        this.slider.on("slide", function (event, ui) {
            self.onSlide(event, ui);
        });

        this.slider.on("slidechange", function (event, ui) {
            self.onSliderChange(event, ui);
        });
    }
function (worldWindow) {
        var self = this;

        this.createPlayer();

        // Intentionally not documented.
        this.slider = $("#timeSeriesSlider");
        this.sliderThumb = $(this.slider.children('.ui-slider-handle'));
        this.timeDisplay = $("#timeSeriesDisplay");// $('<span style="position: absolute; width: 50px">Sat Aug 14, 2015</span>');

        /**
         * The WorldWindow associated with this player, as specified to the constructor.
         * @type {WorldWindow}
         * @readonly
         */
        this.wwd = worldWindow;

        /**
         * The time in milliseconds to display each frame of the time sequence.
         * @type {Number}
         * @default 1000 milliseconds
         */
        this.frameTime = 1000;

        /**
         * The time sequence this player controls.
         * @type {PeriodicTimeSequence}
         * @default null
         */
        this.timeSequence = null;

        /**
         * The layer this player controls.
         * @type {Layer}
         * @default null
         */
        this.layer = null;

        //this.timeSequence = new WorldWind.PeriodicTimeSequence("2000-01-01/2001-12-01/P1M");

        $("#timeSeriesBackward").on("click", function (event) {
            self.onStepBackwardButton(event);
        });

        $("#timeSeriesForward").on("click", function (event) {
            self.onStepForwardButton(event);
        });

        $("#timeSeriesPlay").on("click", function (event) {
            self.onPlayButton(event);
        });

        $("#timeSeriesRepeat").on("click", function (event) {
            self.onRepeatButton(event);
        });

        this.slider.on("slide", function (event, ui) {
            self.onSlide(event, ui);
        });

        this.slider.on("slidechange", function (event, ui) {
            self.onSliderChange(event, ui);
        });
    }
function ( worldWindow ) { var self = this ; this . createPlayer ( ) ; // Intentionally not documented. this . slider = $ ( "#timeSeriesSlider" ) ; this . sliderThumb = $ ( this . slider . children ( '.ui-slider-handle' ) ) ; this . timeDisplay = $ ( "#timeSeriesDisplay" ) ; // $('<span style="position: absolute; width: 50px">Sat Aug 14, 2015</span>'); /**
         * The WorldWindow associated with this player, as specified to the constructor.
         * @type {WorldWindow}
         * @readonly
         */ this . wwd = worldWindow ; /**
         * The time in milliseconds to display each frame of the time sequence.
         * @type {Number}
         * @default 1000 milliseconds
         */ this . frameTime = 1000 ; /**
         * The time sequence this player controls.
         * @type {PeriodicTimeSequence}
         * @default null
         */ this . timeSequence = null ; /**
         * The layer this player controls.
         * @type {Layer}
         * @default null
         */ this . layer = null ; //this.timeSequence = new WorldWind.PeriodicTimeSequence("2000-01-01/2001-12-01/P1M"); $ ( "#timeSeriesBackward" ) . on ( "click" , function ( event ) { self . onStepBackwardButton ( event ) ; } ) ; $ ( "#timeSeriesForward" ) . on ( "click" , function ( event ) { self . onStepForwardButton ( event ) ; } ) ; $ ( "#timeSeriesPlay" ) . on ( "click" , function ( event ) { self . onPlayButton ( event ) ; } ) ; $ ( "#timeSeriesRepeat" ) . on ( "click" , function ( event ) { self . onRepeatButton ( event ) ; } ) ; this . slider . on ( "slide" , function ( event , ui ) { self . onSlide ( event , ui ) ; } ) ; this . slider . on ( "slidechange" , function ( event , ui ) { self . onSliderChange ( event , ui ) ; } ) ; }
Constructs a TimeSeriesPlayer. A time sequence and layer must be specified after construction.
@alias TimeSeriesPlayer
@constructor
@classdesc Provides a control for time-series layers.
@param {WorldWindow} worldWindow The WorldWindow to associate this player.
Constructs a TimeSeriesPlayer . A time sequence and layer must be specified after construction .