Axure工具如何制作以秒计算的当前动态时间

时间:2024-10-12 23:36:16

1、首先创建一个空白页面,在工作区域拖入一个矩形和一个动态面板,如下图所示。

Axure工具如何制作以秒计算的当前动态时间

2、准备好元件元素后,将样式、值及名称等信息进行设置,如下图所示。

Axure工具如何制作以秒计算的当前动态时间

3、打开动态面板,在动态面板中复制两个状态,如下图所示。

Axure工具如何制作以秒计算的当前动态时间

4、下面开始给矩形设置单击鼠标时的交互事件,如下图所示。

Axure工具如何制作以秒计算的当前动态时间

5、下一步是关键,给动态面板的状态改变时的交互事件进行设置,设置当动态面板改变时,矩形的值等于函数的值,如下图所示。[[Now.toLocaleDateString()]][[Now.toLocaleTimeString()]]

Axure工具如何制作以秒计算的当前动态时间

6、所有工作准备完成,点击f5预览一下效果,如下图所示。

Axure工具如何制作以秒计算的当前动态时间

7、点击矩形,此时矩形中的值给以秒的单位开始进行变化,如下图所示。

Axure工具如何制作以秒计算的当前动态时间
Axure工具如何制作以秒计算的当前动态时间
© 手抄报圈