28249挂牌藏宝图中继器系列(四):正反倒计时元

发表时间:2020-01-27

  在日常的原型制作中,经常用到时间的倒计时、计时等等。有一次小伙伴说能不能用中继器进行制作,然后每次使用就简单的改下中继器复用。于是踩坑几天后出现了这篇文章。28249挂牌藏宝图

  在日常的原型制作中,经常用到时间的倒计时、计时等等。有一次小伙伴说能不能用中继器进行制作,然后每次使用就简单的改下中继器复用。于是踩坑几天后出现了这篇文章。

  注:本套教程共四个元件(分秒正计时、分秒倒计时、时分秒正计时、2020-01-12金神童文在寅表现2020年将成为民生平衡发展、施迈赛新型限位开关PS系列118开奖现场直时分秒倒计时)加一个彩蛋(获取本机时间,开始24小时倒计时)。

  注:本套教程共四个元件(分秒正计时、分秒倒计时、时分秒正计时、时分秒倒计时)加一个彩蛋(获取本机时间,开始24小时倒计时)。

  举例正计时(分、秒)与倒计时(时、分、秒)的制作方式(还有彩蛋的制作思路)。

  方式一:文本(分)、文本(秒)、矩形( :)。【注:优势:底层的矩形有占位空间,并且方便更改背景颜色。案例采用本方式】

  数据赋值逻辑:进行开始时间通过中继器的每项加载时赋值给展示的文本(分)和文本(秒)。

  给启动按钮配置鼠标单击事件。鼠标单击时进行动态面板的向后循环(Next),设置循环间隔1000(1000的时间长度为1秒)同时设置首个状态延时。

  考虑边界值转换情况。当秒钟计时到59时,下一个展示为00。于是进行状态的交互时间中做状态的划分。

  当秒文本值为59时,进行分的文本值加一同时,同时将秒的文本值重置为00。

  ①concat(‘string’):将当前本对象与另一个字符串组合。参数:string为组合在后面的字符串。459999香港挂牌

  ② :slice(start,end):从当前本对象中截取从指定起始位置 开始到终结位置之前的字符串。参数:start为被截取部分的 起始位置,该数值可为负数;end为被截取部分的终结位置, 该数值可为负数。该参数可省略,省略该参数则由起始位置 截取本对象结尾。

  注:倒计时(分、秒),调整正计时(分、秒)的【进行数据变化(计时展示)的交互】部分的交互即可。

  数据传值:通过将中继器中的数据进行组合,计算出一个转换为秒的时间整数。然后通过数据的取余进行计算出展示的时、分、秒。

  数据传值:通过将中继器中的数据进行组合,计算出一个转换为秒的时间整数。然后通过数据的取余进行计算出展示的时、分、秒。

  数据赋值逻辑:进行开始时间通过中继器的每项加载时赋值给展示的文本(H)、文本(M)和文本(S)。

  给启动按钮配置鼠标单击事件。鼠标单击时进行动态面板的向后循环(Next),设置循环间隔1000(1000的时间长度为1秒)同时设置首个状态延时。

  正计时(时、分、秒),调整上述案例的【进行数据变化(计时展示)的交互】部分的交互即可。