Axure学习笔记:倒计时的实现

Axure学习笔记:倒计时的实现

功能实现:如图,点击时进入倒计时。 

1.元件需求

                一个文本标签

2.交互

        1.添加全局变量countdown,并设置默认值为6Axure学习笔记:倒计时的实现        2.对文本标签进行交互 

         当countdown>=0时,触发case1:设置文本标签矩形的值为[[countdown]],等待1秒后,将countdown的值-1(设置全局变量countdown的值为[[countdown-1]]),此时将文本标签矩形设置为禁止使用,最后再设置触发条件,点击时触发!

        当countdown<0时,触发case2:将文本标签矩形的值重新设置为“文本标签”,并启用文本标签矩形,最后重新设置全局变量的值为6.

Axure学习笔记:倒计时的实现

 

Axure学习笔记:倒计时的实现

 3.结语

 Axure学习笔记:倒计时的实现

   若有不足请指出问题,以此记录自己的学习笔记,希望能帮到一些同人!

 

 

上一篇:JS-模拟京东倒计时效果


下一篇:web前端——实现倒计时,“距离双11天猫狂欢节还剩xxx”