Stopwatch Module Name: StopwatchModule

Module Name: StopwatchModule

It is a digital countdown timer.

Showcase
Basic

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
NameTypeDefaultDescriptionOptions
heightstring60pxHeight of component. px | % | em
initialTimestring00:00:00Set time initial. 00:00:00
resetOnStopbooleanfalseReset when stopped. true | false
widthstring240pxWidth of component. px | % | em
Events
NameParametersDescription
returnTime
return : Time
Returns when clicked to stop.