具体实现效果秒表——常用的测时工具,从零开始进行计时。本案例中具体实现的秒表,用户点开始后即开始计时,在秒表运行的时候可以进行多次计次,停止后可一键复位。与上一篇时钟案例相比,本案例除了时间变量外还增加计次变量,统计计次数量;并通过对同一触发增加条件判断,使得对同一对象的单一触发获得不同的操作反馈。
↑动态交互过程
案例源文件下载&预览:https://cloud.protopie.io/p/6d959af9bb
(需要下载源文件,源文件中有三个不同场景,对应“时钟”、“秒表”、“计时器”)
本篇教程涉及的protopie功能触发:监听、单击
反应:赋值、文本、停止、颜色、透明度、大小、滚页
变量:数字变量及其计算表达
制作思路时间计算及数字表达
对于基础时间的计算方式与时钟教程中的计算方式类似,差异在于,秒表的时间精度更小为百分之一秒,且仅显示到分钟数。微秒(百分之一秒)每0.01秒 1,每1秒归零一次;秒每秒 1,每60秒归零一次;分每60秒 1。数字表达同样需要在个位数字前面添加一个“0”,以保证数秒表以00:00.00六位的形式显示。
计时的启动、暂停、继续及复位
秒表与时钟的差异在于时钟在自动加载时就开始循环计时,但秒表需要在用户做点击操作时进行,同时需要支持暂停和继续的操作,暂停的操作可以利用protopie中的“停止”暂停时间计算。