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

2025-04-08 10:48:23

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

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

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

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

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

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

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

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

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

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

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

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

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

Axure工具如何制作以秒计算的当前动态时间
Axure工具如何制作以秒计算的当前动态时间
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢