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如何制作毫秒形式的实时当前时间
  • 如何用在js文件里面写HTML
  • 如何在Visual Studio中创建Grid++报表?
  • textarea对象如何使用placeholder属性?
  • Visual Studio添加空网站步骤
  • css3边框阴影怎么做
  • 热门搜索
    青岛旅游必去景点 怀柔旅游 邢台旅游景点 三门峡旅游 端午旅游 冰岛旅游 旅游景点英语 渭南旅游 春秋旅游 锦州旅游