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边框阴影怎么做
  • 热门搜索
    手抄报的装饰 溺水手抄报简单又漂亮 崇尚科学反对邪教手抄报 英语手抄报图片大全 元旦手抄报图片 清明节手抄报图片大全 手抄报花边简单又漂亮 亲子共读手抄报 课外阅读手抄报 养成教育手抄报