Axure dynamically displays real time

Axure makes dynamic real-time time (upper right corner of the video)

step teaching

1. [New component] Create a new dynamic panel (2 status panels) in the display area of ​​real-time time
   
2. 【Create New Components】In the same position of the two status panels, create a new "first-level title" (real-time time 1, real-time time 2); Note: the font style of the last displayed real-time time is consistent with the "first-level title", which can be modified by yourself .
   
3. [Setting Interaction] The dynamic panel sets two interactions: ①When loading, the dynamic panel loops backwards (the cycle interval is 1 second); ②When the state changes, situation 1 (if the dynamic panel = = State1, then the component "real time 1" set to true, the component "real time 2" is set to false), case 2 (if dynamic panel = = State2, then the component "real time 1" is set to false, and the component "real time 2" is set to true)
   
   
   
4. [Set Interaction] Component "real time 1" sets 1 interaction: when the component is selected, the value of the set text is
   [[Now.toLocaleDateString()]] [[Now.toLocaleTimeString()]]
   that is, the local date function + 4 Space + local time function, so that the time format of XXXX/XX/XX XX:XX:XX can be displayed
   Note: The component "real time 2" has the same setting