【经验分享】如何无代码实现倒计时功能

开头不知道咋写了,直接上案例吧,传送门:预览链接
编辑地址:https://www.mugeda.com/animation/edit/4e1b70eb
本教程倒计时采用的时时间戳原理,这里不做详细介绍,如需了解时间戳,可自行百度“时间戳” 即可,主要是利用时间戳,计算出目标时间与当前时间相差的秒数(时间差),然后将相差的秒数转换为天、时、分等;(其实就是一个时间坐标参考点)

第一步
在舞台上添加8个文本。分别命名为当前时间戳、目标时间、目标时间戳、时间差、天、时、分、秒

目标时间:直接写你要倒计时到哪一天(格式:年-月-日空格时:分:秒,例如2019-10-01 08:08:08)

然后在舞台上添加一个定时器,设置为毫秒,循环播放,主要是利用定时器不断地变化来对行为进行控制赋值。

2.jpg

 
在定时器上添加行为,执行条件都设置为属性改变,分别为当前时间戳、目标时间戳、时间差、天、时、分、秒等为其赋值
 

3333.png

 
分别对其赋值为
当前时间戳 
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 个评论

喜欢的小伙伴别忘了给个赞哦~
添加文本之后 在行为编辑里元素名称没有选择当前时间戳啊 只有定时器

要回复文章请先登录注册