使用Axure动态显示系统时间

axure版本：9.0

实现效果：

实现步骤：

1.第一步

选择文本标签拖入到页面中

2.第二步

右键单击文本标签，选择转换为动态面板

3.第三步

选择文本标签，在右侧概要视图中，可以看到新生成的动态面板。在该动态面板的“State1”这个状态上点击“复制状态”，生成一个新的State2。

4.第四步 选择动态面板

在交互设置界面，新增载入事件，动作添加“设置面板状态”，勾选“当前元件”，将状态设置为“下一项”，勾选“向后循环”和“循环间隔”，为循环间隔设置一个值，默认为1000毫秒，也就是每1秒钟切换一次状态，可根据需要改成其他合适的值。

5.第五步

类似于上一步的操作，为该动态面板添加一个“状态改变时”的事件，动作添加“设置文本”，分别勾选该动态面板下的两个文本框，设置的值为fx函数的值，在函数值中输入

[[Now.toISOString().substring(0,10)]] [[0.concat(Now.getHours()).slice(-2)]][[Now.toISOString().substr(13,6)]]

（注：两个文本框得分别选中，并分别设置文本的值。[[Now]]即代表当前时间，但其时间格式不是我们想要的，上图的函数值是获取yyyy-MM-dd HH:mm:ss格式的时间值）

6.第六步

预览即可查看动态效果