秒表的功能和用法,秒表的正确使用步骤

首页 > 生活 > 作者:YD1662024-04-27 11:20:02

秒表——常用的测时工具,从零开始进行计时。本案例中具体实现的秒表,用户点开始后即开始计时,在秒表运行的时候可以进行多次计次,停止后可一键复位。与上一篇时钟案例相比,本案例除了时间变量外还增加计次变量,统计计次数量;并通过对同一触发增加条件判断,使得对同一对象的单一触发获得不同的操作反馈。

秒表的功能和用法,秒表的正确使用步骤(1)

具体实现效果

秒表的功能和用法,秒表的正确使用步骤(2)

秒表的功能和用法,秒表的正确使用步骤(3)

↑动态交互过程

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

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

本篇教程涉及的protopie功能

触发:监听、单击

反应:赋值、文本、停止、颜色、透明度、大小、滚页

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

制作思路

时间计算及数字表达

对于基础时间的计算方式与时钟教程中的计算方式类似,差异在于,秒表的时间精度更小为百分之一秒,且仅显示到分钟数。微秒(百分之一秒)每0.01秒 1,每1秒归零一次;秒每秒 1,每60秒归零一次;分每60秒 1。数字表达同样需要在个位数字前面添加一个“0”,以保证数秒表以00:00.00六位的形式显示。

计时的启动、暂停、继续及复位

秒表与时钟的差异在于时钟在自动加载时就开始循环计时,但秒表需要在用户做点击操作时进行,同时需要支持暂停和继续的操作,暂停的操作可以利用protopie中的“停止”暂停时间计算。

秒表的功能和用法,秒表的正确使用步骤(4)

首页 12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.