axure版本:9.0
实现效果:
实现步骤:
1.第一步
选择文本标签拖入到页面中
2.第二步
右键单击文本标签,选择转换为动态面板
3.第三步
选择文本标签,在右侧概要视图中,可以看到新生成的动态面板。在该动态面板的“State1”这个状态上点击“复制状态”,生成一个新的State2。
4.第四步 选择动态面板
在交互设置界面,新增载入事件,动作添加“设置面板状态”,勾选“当前元件”,将状态设置为“下一项”,勾选“向后循环”和“循环间隔”,为循环间隔设置一个值,默认为1000毫秒,也就是每1秒钟切换一次状态,可根据需要改成其他合适的值。
5.第五步
类似于上一步的操作,为该动态面板添加一个“状态改变时”的事件,动作添加“设置文本”,分别勾选该动态面板下的两个文本框,设置的值为fx函数的值,在函数值中输入
[[Now.toISOString().substring(0,10)]] [[0.concat(Now.getHours()).slice(-2)]][[Now.toISOString().substr(13,6)]]
(注:两个文本框得分别选中,并分别设置文本的值。[[Now]]即代表当前时间,但其时间格式不是我们想要的,上图的函数值是获取yyyy-MM-dd HH:mm:ss格式的时间值)
6.第六步
预览即可查看动态效果