Timer

The timer is a type of text component, supporting the custom icon style and text style of the timer, including the size, color and position of the icon, and display format of the time. The current time of the system can be displayed in the large screen, to help you reasonably control the presentation time of the large screen or any module therein. This document introduces the meaning of each configuration item of the timer, to help you to use the timer component quickly and accurately.

Configuration

• Basic settings

  • width: component width in the editor

  • height: component height in the editor

  • top: distance between the component and the top of editor

  • left: distance between the component and the left side of editor

• Icon style: icon style of the timer Icon style of timer

  • Size: size of the icon. If no icon is needed, set it to 0.

  • Color: color of the icon, supporting color value in hex, rgb and rgba formats

  • Margin: distance between the icon and timer text

• Timer:

  • Text style:

    • Font size: font size of the text

    • Color: color of the text, supporting color values in hex, rgb and rgba formats

    • Font weight: font weight of the text

    • Font: font of the text

  • Format: set the display format of timer text. Format: yyyy-MM-dd HH:mm:ss, i.e. “year, month, day, hour, minute, second” in a 24-hour format. “hh:mm:ss” means the 12-hour format.

  • Time interval: set the interval of time changes of the component, in ms. For example, if this option is set to 10000ms, the time of the component will change at intervals of 10s.

Data

Data configuration is not required for this component. The current time of the system is read by default.