计时器——用户可设定时间段，点击开始后时间倒数，直到结束。本案例中用户可以设定24小时以内的任意时间值进行倒计时，开始计时后界面显示剩余时间，同时圆环显示剩余时间比例，支持开始、暂停、继续、取消操作。

实现效果

案例源文件预览&下载：https://cloud.protopie.io/p/ada86850ea

（需要下载源文件，源文件中有三个不同场景，对应“时钟”、“秒表”、“计时器”）

计时器的三个流程：设置时间➡计时过程中➡时间到达提示。

设置时间界面由常见的轮盘选择器和两个按钮组成。计时过程中，界面上半部分显示剩余时间，圆环显示剩余时间比例；下半部显示两个操作按钮。时间到达后，提示页面上半部分显示文本提示，操作按钮仅显示“确定“按钮。

涉及protopie功能

触发：监听、单击、联动

反应：赋值、透明度、文本、停止、颜色、旋转、排序、重置

变量：数字变量及其计算表达

实现思路