网站建设看什么书,网站建设项目预算,树立网站整体风格,凡科快图官方下载需求#xff1a;点击开始计时计时#xff0c;并且开始计时按钮文本编程停止计时文本#xff0c;点击记录事件可以记录当前时间并显示到下面的记录时间列中。
一、页面制作
首先创建一个相对应用项目#xff0c;命名为计时器#xff1a; 接着创建一个页面#xff0c;设… 需求点击开始计时计时并且开始计时按钮文本编程停止计时文本点击记录事件可以记录当前时间并显示到下面的记录时间列中。
一、页面制作
首先创建一个相对应用项目命名为计时器 接着创建一个页面设置页面的水平、垂直对齐为居中 接着创建一个行用于显示记录内容 这个行设置宽度不占满 100%使其可以居中对齐并且给予对应的背景色设置内部元素为居中对齐接着为了使内部元素可以举例上下左右有一点举例可以再设置内边距增加其边缘厚度 接着创建一个行命名为倒计时在里面用于显示对应的文本设置其文本底部对齐显示 接着咱们先将初始文本加入其中并且设置好对应的大小 这些文本宽度都是33%这样才能占满一行 接着添加两个对应的按钮具体设置宽高不再赘述 接着创建一个行命名为记录区域用于记录记下的时间设置宽度为 300px还需要注意的是为了使其可以滚动咱们需要对应的为其设置可以y轴裁剪隐藏滚动即可 接着咱们再到这个行下创建一个循环创建和一个文本 因为记录事件肯定是一个数组之类的容器所以肯定需要使用循环创建进行创建。
二、事件编写
2.1 点击事件
现在开始制作点击事件计时咱们可以知道计时的话肯定是需要一个触发器那么此时咱们添加一个触发器 点击按钮即可触发 接下来还需要更改当前的按钮文本为停止计时那么还需要添加动作 那么此时又有一个文本在什么时候显示为开始计时呢我们得创建一个变量用于标记是否计时在此创建一个布尔变量默认为否没有点击当点击后设置为true表示开启那么开启时就设置文本为停止计时关闭时就设置文本为停止计时即可 这个时候将触发器一并做了设置因为停止计时肯定计时停止我们预览查看此时页面将会点击之后显示停止计时再点击将会恢复显示
2.2 计时器滚动
我们知道如果使用 秒 分 时计时那么影响 分 时 的都是秒60秒1个分60分一个时所以咱们先做分的计数首先创建一个数值变量命名为秒随后给计时器设置时间间隔为 1s 每次触发时这个秒数就应该设置为加1 当加到60s时那么这个秒变量置零随后分加1所以在这里我们还需要创建两个变量分和时 此时我们还需要知道一个问题那就是如何在小于 10 的时候使前面有一个0咱们可以直接再创建3个字符串字符秒、字符分、字符时判断其秒分时是否小于10小于10则赋值这个字符串的值前加一个0即可那么事件为 最后显示区域的内容绑定为字符串秒分时即可
2.3 记录时间
记录时间很简单创建一个一维数组直接点击按钮给这个以为数组加值 随后循环创建指定对应数组 最后显示值即可。
