西門子 WinCC Unified JavaScript 定時器的使用方法

描述：

本文將介紹西門子 TIA Portal WinCC Unified 中的 JS 定時器的使用方法。通過定時器完成以下動圖所示功能，5s 延時定時器控制dingshizhadan爆炸，100ms 循環定時器控制自行車的行進位移。

第1步：

添加 HMI 設備。

設備： WinCC Unified PC RT。

設置 IP 地址：192.168.0.1。

設置子網掩碼：255.255.255.0。

第2步：

添加 HMI 變量。

定義一個整型內部變量 bombGl，用作dingshizhadan的圖形列表動畫的控制變量。0 - 未引爆；1 - 爆炸。

第3步：

添加一個圖形列表，用來動態顯示dingshizhadan的兩種狀態。

第4步：

1.添加 HMI 畫面，如下圖所示。

在以上畫面中添加一個dingshizhadan的圖形視圖，利用圖形列表實現dingshizhadan的動畫顯示，同時添加一個 5s 延時定時器按鈕，用來啟動dingshizhadan的定時器，再添加一個復位延時定時器按鈕，用來停止 5s 延時定時器。

繼續添加一個自行車的圖形視圖，同時添加一個 100ms 循環定時器，用來循環更改自行車的水平坐標值，從而實現自行車水平行進位移的效果，再添加一個復位循環定時器按鈕，用來停止 100ms 循環定時器。

2.為圖形視圖dingshizhadan添加屬性。

在屬性中配置了在前面步驟中設計的圖形列表和控制變量。

3.為圖形視圖自行車添加屬性。

在屬性中只是配置了尺寸和位置，沒有其它。

4.為 5s 延時定時器按鈕添加事件腳本。

在腳本中調用了 JS 的 Timers SetTimeout 方法。利用 Trace 功能記錄定時器的定時開始和結束時間。圖形列表控制變量寫入 1，顯示爆炸圖片。

從 TraceViewer 中可以看到定時器開始和結束的時間戳，間隔剛好是 5s。

5.為復位延時定時器按鈕添加事件腳本。

在腳本中調用了 JS 的 Timers ClearTimeOut 方法，停止延時定時器。利用 Trace 功能記錄定時器的停止時間。圖形列表控制變量寫入 0，顯示未引爆圖片。

6.為 100ms 循環定時器按鈕添加事件腳本。

在腳本中調用了 JS 的 Timers SetInterval 方法。每隔 100ms 循環遞減自行車的水平坐標值。

7.為復位循環定時器按鈕添加事件腳本。

在腳本中調用了 JS 的 Timers ClearInterval 方法，停止循環定時器。

第5步：

啟動 HMI 仿真，進行功能測試。