【经验分享】如何无代码实现倒计时功能
开头不知道咋写了,直接上案例吧,传送门:预览链接
编辑地址:https://www.mugeda.com/animation/edit/4e1b70eb
本教程倒计时采用的时时间戳原理,这里不做详细介绍,如需了解时间戳,可自行百度“时间戳” 即可,主要是利用时间戳,计算出目标时间与当前时间相差的秒数(时间差),然后将相差的秒数转换为天、时、分等;(其实就是一个时间坐标参考点)
第一步
在舞台上添加8个文本。分别命名为当前时间戳、目标时间、目标时间戳、时间差、天、时、分、秒
目标时间:直接写你要倒计时到哪一天(格式:年-月-日空格时:分:秒,例如2019-10-01 08:08:08)
然后在舞台上添加一个定时器,设置为毫秒,循环播放,主要是利用定时器不断地变化来对行为进行控制赋值。
在定时器上添加行为,执行条件都设置为属性改变,分别为当前时间戳、目标时间戳、时间差、天、时、分、秒等为其赋值
分别对其赋值为
当前时间戳
Math.round(new Date().getTime()/1000)
目标时间戳
Math.round(new Date("{{目标时间}}")/1000)
时间差
{{目标时间戳}}-{{当前时间戳}}
天
Math.floor({{时间差}}/60/60/24) //整数部分代表的是天;
时
Math.floor({{时间差}}/60/60%24)
分
Math.floor({{时间差}}/60%60)
秒
Math.floor({{时间差}}%60)
最近发现了一个宝藏功能,正在慢慢研究,以后分享给大家。
以上倒计时只是其中一种方法,还有其他方法,这里不做过多介绍,有兴趣可以私聊。
由于本人较懒,以上教程过于简略,勿喷!
本人不懂代码,教程只针对与无代码基础人士,大神勿喷
编辑地址:https://www.mugeda.com/animation/edit/4e1b70eb
本教程倒计时采用的时时间戳原理,这里不做详细介绍,如需了解时间戳,可自行百度“时间戳” 即可,主要是利用时间戳,计算出目标时间与当前时间相差的秒数(时间差),然后将相差的秒数转换为天、时、分等;(其实就是一个时间坐标参考点)
第一步
在舞台上添加8个文本。分别命名为当前时间戳、目标时间、目标时间戳、时间差、天、时、分、秒
目标时间:直接写你要倒计时到哪一天(格式:年-月-日空格时:分:秒,例如2019-10-01 08:08:08)
然后在舞台上添加一个定时器,设置为毫秒,循环播放,主要是利用定时器不断地变化来对行为进行控制赋值。
在定时器上添加行为,执行条件都设置为属性改变,分别为当前时间戳、目标时间戳、时间差、天、时、分、秒等为其赋值
分别对其赋值为
当前时间戳
Math.round(new Date().getTime()/1000)
目标时间戳
Math.round(new Date("{{目标时间}}")/1000)
时间差
{{目标时间戳}}-{{当前时间戳}}
天
Math.floor({{时间差}}/60/60/24) //整数部分代表的是天;
时
Math.floor({{时间差}}/60/60%24)
分
Math.floor({{时间差}}/60%60)
秒
Math.floor({{时间差}}%60)
最近发现了一个宝藏功能,正在慢慢研究,以后分享给大家。
以上倒计时只是其中一种方法,还有其他方法,这里不做过多介绍,有兴趣可以私聊。
由于本人较懒,以上教程过于简略,勿喷!
本人不懂代码,教程只针对与无代码基础人士,大神勿喷
2 个评论
喜欢的小伙伴别忘了给个赞哦~
添加文本之后 在行为编辑里元素名称没有选择当前时间戳啊 只有定时器