描述：

本文将介绍西门子 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 仿真，进行功能测试。