Skip to main content
Version: 7.9


Component Palette Icon:


The Timer component is an invisible button that can be used to create repeated events in a window. This is often used for animations or repetitive scripts within a window. When running, the timer's Valueproperty is incremented by the Step By value, until the value tis the Bound, at which point it repeats. It is often useful to bind other values to a timer's Value property.

For instance, if you set the timer's Bound property to 360, and bind an object's rotation to the Value property, the object will spin in a circle when the timer is running. How fast the timer counts is up to the Delay property, which is the time between counts in milliseconds.

Want to run a script every time the timer counts? First, make sure you don't actually want to write a project Timer Script, which will run on some interval whenever the application is running. In contrast, a script that works via a Timer component will only run while the window that contains the Timer is open, and the Timer is running. The way to do this is to attach an event script to the actionPerformed event.


NameDescriptionProperty TypeScriptingCategory
BoundThe value is always guaranteed to be less than this upper
Delay (ms)The delay in milliseconds between timer
Initial Delay (ms)The delay in milliseconds before the first event when running is set to
NameThe name of this component.String.nameCommon
Running?Determines whether or not the timer sends timer events.boolean.runningBehavior
Step byThe amount added to the value each time this timer fires for use as a counter. (should be positive)int.stepData
ValueThe current value of this timer, for use as a counter. At each iteration, this value will be set to ((value + step) MOD bound)int.valueData


Scripting Functions

This component does not have scripting functions associated with it.

Extension Functions

This component does not have extension functions associated with it.

Event Handlers

Event handlers allow you to run a script based off specific triggers. See the full list of available event handlers on the Component Events page


This component does not have any custom properties.


Expression Binding Example
//Suppose that you have images that make up frames of animation. 
//Name your images: "Frame0.png", "Frame1.png", "Frame2.png". Set the timer's Bound to be 3, then bind the image path of animate component to the following expression:
"Frame" + {Root Container.Timer.value} + ".png"