Stopwatch Module Name: StopwatchModule
Module Name: StopwatchModule
It is a digital countdown timer.
Showcase
Basic
clock
00:00:00
<tl-stopwatch [width]="'240px'" [height]="'45px'" [resetOnStop]="true" [initialTime]="'00:59:58'" (returnTime)="onStop($event)"></tl-stopwatch>
<button (click)="stopWatchService.start()">Start</button>
<button (click)="stopWatchService.stop()">Stop</button>
<button (click)="stopWatchService.reset()">Reset</button>
Properties
Name | Type | Default | Description | Options |
---|---|---|---|---|
height | string | 60px | Height of component. | px | % | em |
initialTime | string | 00:00:00 | Set time initial. | 00:00:00 |
resetOnStop | boolean | false | Reset when stopped. | true | false |
width | string | 240px | Width of component. | px | % | em |
Events
Name | Parameters | Description |
---|---|---|
returnTime | return : Time | Returns when clicked to stop. |