UI Components / Timer

Timer is a component for Backendless UI-Builder
that allows you to display a digital timer and 
trigger an event when it completes.
Also it can be used as a countdown.

Timer

Application
Timer
UI Component
GET
0 
0 
0

Marketplace Category - UI Components - CustomComponentsApp - Backendless

UI Builder - default - CustomComponentsApp - Backendless

PagePage PanelWorkspaceTimer-d396
MAKE REUSABLE
 Settings
Id
Classes
Display
Simple Timer
Countdown
Animation Duration (ms)
Format
SS
MM:SS
HH:MM:SS
Days HH:MM:SS
Weeks Days HH:MM:SS

Editing Page: landing
PagePage PanelWorkspaceButton
Button
MAKE REUSABLE
 Settings
Id
Classes
Display
Behavior
Default
Submit
Reset
Variant
Сontained
Outlined
Text
Size
Small
Medium
Large
Label
Start Icon
CHANGE
End Icon
CHANGE
Disable Elevation
Disable Ripple
Disabled
Tooltip text
Tooltip placement
Top
Right
Bottom
Left
 General
Position
default
relative
absolute
fixed
sticky
Z Index
Cursor
default
crosshair
help
move
pointer
progress
text
wait
n-resize
ne-resize
e-resize
se-resize
s-resize
sw-resize
w-resize
nw-resize
Color
 Background
Color
 Flex
Align Self ⨯
Auto
 Dimension
Width ⨯
px
%
vw
Height
px
%
vh
Min width
px
%
vw
Min height
px
%
vh
Max width
px
%
vw
Max height
px
%
vh
Margin
Top
px
%
vh
Right
px
%
vw
Bottom
px
%
vh
Left
px
%
vw
Padding
Top
px
%
vh
Right
px
%
vw
Bottom
px
%
vh
Left
px
%
vw
 Typography
 Position
 Decorations

UI LIBRARY
App Router
Device API
Events
Native API
I18n API
Component
Timer
 SYSTEM
Logic
Loops
Date
Object
Math
Text
Lists
RegExp
Utility
Timers
Variables
Functions
Local Storage
Exceptions
Advanced
 BACKENDLESS
Users API
Data API
Hive API
GEO Location API
Messaging API
File API
Logging API
Counter API
Cache API
Network API
Real Time API
Transaction API
On Click Event
if
do
timerRunning
Get property
of
Page Data
timerRunning
Set property in:
property:
value:
Page Data
false ▾
App Data
Page Data
Event
hide context blocks
Start Simple Timer:
Timer-d396 ▾
Get Actual Value from Timer:
Timer-d396 ▾
 
✓
return result
Reset Simple Timer:
Timer-d396 ▾
Stop Simple Timer:
Timer-d396 ▾

UI LIBRARY
App Router
Device API
Events
Native API
I18n API
Component
Timer
 SYSTEM
Logic
Loops
Date
Object
Math
Text
Lists
RegExp
Utility
Timers
Variables
Functions
Local Storage
Exceptions
Advanced
 BACKENDLESS
Users API
Data API
Hive API
GEO Location API
Messaging API
File API
Logging API
Counter API
Cache API
Network API
Real Time API
Transaction API
On Click Event
if
do
timerRunning
Get property
of
Page Data
timerRunning
Set property in:
property:
value:
Page Data
false ▾
Stop Simple Timer:
Timer-d396 ▾
App Data
Page Data
Event
hide context blocks

Editing Page: landing
PagePage PanelWorkspaceButton
Button
MAKE REUSABLE
 Settings
Id
Classes
Display
Behavior
Default
Submit
Reset
Variant
Сontained
Outlined
Text
Size
Small
Medium
Large
Label
Start Icon
CHANGE
End Icon
CHANGE
Disable Elevation
Disable Ripple
Disabled
Tooltip text
Tooltip placement
Top
Right
Bottom
Left
 General
Position
default
relative
absolute
fixed
sticky
Z Index
Cursor
default
crosshair
help
move
pointer
progress
text
wait
n-resize
ne-resize
e-resize
se-resize
s-resize
sw-resize
w-resize
nw-resize
Color
 Background
Color
 Flex
Align Self ⨯
Auto
 Dimension
 Typography
 Position
 Decorations

UI LIBRARY
App Router
Device API
Events
Native API
I18n API
Component
Timer
 SYSTEM
Logic
Loops
Date
Object
Math
Text
Lists
RegExp
Utility
Timers
Variables
Functions
Local Storage
Exceptions
Advanced
 BACKENDLESS
Users API
Data API
Hive API
GEO Location API
Messaging API
File API
Logging API
Counter API
Cache API
Network API
Real Time API
Transaction API
On Click Event
App Data
Page Data
Event
hide context blocks
Start Simple Timer:
Timer-d396 ▾
Stop Simple Timer:
Timer-d396 ▾
Get Actual Value from Timer:
Timer-d396 ▾
 
✓
return result
Reset Simple Timer:
Timer-d396 ▾

Timer

Timer is a component for Backendless UI-Builderthat allows you to display a digital timer and trigger an event when it completes.Also it can be used as a countdown.

UI Components / Timer

Timer is a component for Backendless UI-Builder
that allows you to display a digital timer and
trigger an event when it completes.
Also it can be used as a countdown.