Axure教程:如何使用时间函数动态显示当前时间?上海自驾游路线紧肤除皱蜜蜂大盗

首先Axure提供了很多时间函数,如下:

通过上面的说明可知,假若我们需要显示 格式为 ‘2019-08-31 23:54:01’的时间,无法直接通过函数获取,必须将年月日时分秒分别获取,然后拼接显示。

第一步:获取当前时间

我们将用到以下几个函数分别获取年月日时分秒:

通过试验我们发现,获取到的时间,若不足两位数,系统不会对前面补0,因此我们不能直接使用获取到的值,首先需对获取的值进行处理。

创建全局变量以便对获取的值进行处理

在赋值之前对所获取到的值进行处理,处理好之后,赋值给对应的全局变量。

将全局变量的值,赋值给对应的元素

第二步:通过动态面板的改变,使时间动起来

发现通过上面的方式,时间值只会在加载的时候获取一次,若想要时间走起来,我们可通过动态面板的改变进行实现。

将「时间」转为动态面板,并将动态面板中的状态1进行复制。

当页面加载时,使动态面板向后循环,循环间隔为1s。

给动态面板增加事件,当动态面板改变时,按照第一步的方式,对动态面板中,每个状态下的「时间」赋值为当前时间。

由于此次赋值与之前对动态面板中内容的赋值重复,将之前的删除即可。

最后

最终实现的结果如下:

对应源文件地址:https://pan.baidu.com/s/1MCiGEId5Rs9LPPHirRyOJA

本文由 @冬瓜一号 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自 Pixabay,基于 CC0 协议


Copyright © 2018 大发app注册大发app注册-大发麻将app-大发国际app网站-dafa娱乐场网页版APP All Rights Reserved
    
友情链接: