Axure如何制作十万以内的随机数字

时间:2024-10-14 13:33:38

1、首先新建一个空白页面,在工作区域拖入一个矩形和一个动态面板,如下图所示。

Axure如何制作十万以内的随机数字

2、元件元素准备完成后,对元件的值、样式及名称等信息进行设置,如下图所示。

Axure如何制作十万以内的随机数字

3、打开动态面板,在动态面板中复制两个状态,如下图所示。

Axure如何制作十万以内的随机数字

4、下一步开始给矩形的鼠标单击交互事件进行设置,如下图所示。

Axure如何制作十万以内的随机数字

5、为了实现随机抽取的效果,还需要在矩形鼠标单击时的交互事件上加上一个等待时间及停止效果,如下图所示。

Axure如何制作十万以内的随机数字
Axure如何制作十万以内的随机数字

6、下面给动态面板的状态改变的交互事件进行设置,如下图所示,设置状态改变时,设置矩形的值为函数的值。[[(Math.random()*1000000).toFixed(0)]]

Axure如何制作十万以内的随机数字

7、好了,所有工作准备完成,点击酆璁冻嘌f5预览一下效果,如下图所示,当点击矩形时,数字开始迅速变化,等待5秒后,矩形中的数字就会停止了。

Axure如何制作十万以内的随机数字
Axure如何制作十万以内的随机数字
© 手抄报圈