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边框阴影怎么做
  • 热门搜索
    安全在我心中手抄报 推广普通话手抄报 关于交通安全的手抄报 汤姆索亚历险记手抄报 安全手抄报图片 关于环保的手抄报 创建文明城市手抄报 手抄报版面 交通安全手抄报 交通安全手抄报图片