Creating an Analog Clock

1. Create 4 analog tags with “INT16” for Type and “Local” for I/O Device.

   

2. Create a clock interface manually or search “3D Silver Clock” in the Graphic Library, then drag and drop the image to the page.
   

   

3. Create an hour hand and a minute hand for the clock using the Line tool, or search “Arrows” in the Graphic Library, then drag and drop the image to the page.
   

   

4. Create three scripts. One script establishes a real-time clock and writes the current hour and minute into their own tags, and the other two are used to control the rotation of the hands of the clock.
   

   

5. On the Edit Script Properties window, configure the “RTC” script Running Type to Startup. As for the “MinuteHandIncrement” and “HourHandIncrement” scripts, set the Running Type to Manual.

6. Edit tag “CurrentMin” to have the script “MinuteHandIncrement” execute when the value changes.
   

   

7. Edit tag “CurrentHour” to have the script “HourHandIncrement” execute when the value changes.
   

   

8. Click on the hour hand object to open the Property Editor pane and bind the “HoursRot” tag to the Rotation under the Location section.
   

   

9. Click on the minute hand object to open the Property Editor pane and blind the “MinutesRot” tag to the Rotation under the Location section.
   

   

   
   

10. With the current configuration, the scripts will now update the position of the hands on the clock to match the current time.