日常生活中，我们会看到各种各样的倒计时设计: 或是在一段视频的开头；或是隐蔽在屏幕右上角，用于显示广告的时长；或是在软件启动页面，用于增强用户对后面出现内容的期待。不可否认，倒计时是非常有用的。那么，如何用简单的方法做出酷炫的倒计时效果呢？我们一起来学习一下。
工具/原料
Mockplus软件
方法/步骤
1
所需时间：3分钟用Mockplus来做交互，最大的特点就是简单快速。下图中这个倒计时效果，只需三步就可以实现。
3
步骤二：设置交互想实现倒计时的效果，只需让这几个圆形陆续出现即可。在Mockplus中，我们很容易实现这一点。将原型4的连接点拖到圆形内部，选择“载入时”，“显示/隐藏”。
4
在右侧的属性面板，将组件设置为不可见。
5
在右侧的交互面板，设置可见性为显示，延迟为300ms, 执行时长为200ms。同理，为圆形2设置同样的交互，延迟设置为800ms (300ms+300ms+200ms )。
6
步骤三：合并这5个圆形将5个圆形按照出现的先后顺序从下层到上层重叠起来。点击预览，即可看到文章开头的倒计时效果。
7
是不是很简单呢？其实，不仅仅是倒计时，利用Mockplus还可以实现各种各样的交互效果，比如常用的手风琴菜单，鼠标悬停菜单下拉等等。
上一篇：利用wps表格制作奥运倒计时