旅游景点 旅游攻略 日本旅游 文化旅游 旅游景区 昆明旅游 桂林旅游 乡村旅游 上海旅游

Axure如何制作毫秒形式的实时当前时间

时间:2024-10-12 02:01:52

1、首先新建一个空白页面,在工作区域拖入本次需要的元件元素,一个矩形和一个动态面板,如下图所示。

Axure如何制作毫秒形式的实时当前时间

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

Axure如何制作毫秒形式的实时当前时间

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

Axure如何制作毫秒形式的实时当前时间

4、设置好动态面板,元件元素的样式后,开始对元件的交互事件进行设置,首先给矩形的鼠标单机交互事件进行设置,如下图所示。

Axure如何制作毫秒形式的实时当前时间

5、然后给动态面板的状态改变时的交互事件进行设置,这里需要注意的是,需要使用函数,如下图所示,当动态面板状态改变时,设置矩形的值为[[Now.getFullYear()]]-[[Now.getMonth()]]-[[Now.getDate()]] 星期[[Now.getDay()]][[Now.getHours()]]:[[Now.getMinutes()]]:[[Now.getSeconds()]][[Now.getMilliseconds()]]

Axure如何制作毫秒形式的实时当前时间

6、元件的交互事件设置完成后,f5预览一下,如下图所示。

Axure如何制作毫秒形式的实时当前时间

7、点击矩形,此时矩形的值会获取当前时间,并通过动态面板控制当前时间的变化,如下图所示。

Axure如何制作毫秒形式的实时当前时间Axure如何制作毫秒形式的实时当前时间
© 2025 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com