如何在mugeda上无代码实现日期倒计时(天、时、分、秒)

如何在mugeda上无代码实现日期倒计时(天、时、分、秒)

前段时间有人在论坛抛出倒计时如何实现的问题,本人觉得无代码实现倒计时挺有趣的,就是做了个里约奥运会倒计时的demo,不过昨天又有人问,本人又重新翻回以前的demo,发现demo有bug,
到底什么bug,看图
1.png



所以本人决定大一下补丁,同时为广大mu友分享(chun)下(shu)经(zhuang)验(b),下面开始装B时刻:
本人首先做了一个2017年元旦倒计时的demo,不要问为什么,因为元旦做起来比较简单,结束时间是2017年01月01日00点00分00秒,百度了一下,目前时间2016年11月7日,距离元旦还有54天,下面就是操作了,基本操作请查看mugeda教程,
首先,在舞台新建几个文本工具,分别分别分别设置其预置文本为当前时间/日期,格式最好设置为英文,格式最好设置为英文,格式最好设置为英文格,(说了三遍因为这很重要)我这里除了小时用了英文,其他用的中文(因为本人比较懒,所以没改英文格式,不改的话,出现bug后果自负!!!)

2.jpg


3.png


4.png


并且将获取的当前时间分别命名为h1、m1、s1,
剩余时间则为d、h、m、s,(计算倒计时要从秒开始算起,不要问为什么 ,你长大就懂了)
s=59-{{s1}},(也许你会问为什么是59而不是60,因为当前时间是0秒的时候,如果是60的话,s=60-0=60,所以差一秒而已,就忽略了吧,毕竟工作量可以减少不少,如果你是处女座的话来找我,来找本人给你开小灶)
m=59-{{m1}}
h=23-{{h1}}
剩下的看图,

5.png


关于剩余天数,可以直接用文本工具输入55,(问为什么是55,看上面)然后设置属性改变行为,,执行条件为:{{h.text}}=0&&{{m.text}}=0&&{{s.text}}=0&&{{h1.text}}!=23,什么看不懂什么意思,看这里http://bbs.mugeda.com/?/article/34,自己猜,
设置方式看下图

6.png


注:需要在桌面添加个计时器,是否循环设置为循环,所有的属性改变行为都要设置在这个计时器上,所有的属性改变行为都要设置在这个计时器上,所有的属性改变行为都要设置在这个计时器上。

7.png


到此,整个demo应该算结束了,为了圆满一点,本人加上了背景元素什么的装饰一下,然后插入了第二帧,当时时间到元旦的时候,就可以跳转到第二帧了,(怎么设置跳转的方法我就不说了,自己百度)。
下面看看demo:http://7642bdb8.u.h5mc.com/cam ... .html


8.png

 由于本人技术有限,以上教程如有bug,纯属胡扯,敬请见谅
特别声明:因本教程每月天数按30天计算,所以存在误差,如果要求比较严格建议用代码实现或者计算好相应月数天数更改每月天数即可(此方法较为麻烦)
未完待续......
下期预告《如何在mugeda上无代码实现倒计时(天、时、分、秒)

5 个评论

告诉你一个方法,你可以将word文档的内容复制到QQ对话框内,然后在粘贴到论坛上,就可以啦
好的
到此,整个demo应该算结束了,为了圆满一点,本人加上了背景元素什么的装饰一下,然后插入了第二帧,当时时间到元旦的时候,就可以跳转到第二帧了,(怎么设置跳转的方法我就不说了,自己百度)。

请问这个跳转是要怎么设置呢?
这个案例的难点在于获取当前时间,就是文本预置为当前时间和日期。
最近一直在研究,终于将制作的方法简化了,而且更加精准,行为设置更加简单,可以实现模块化,先上一个案例,后期再出教程.
传送门 http://t.cn/AiHHX8Wu

要回复文章请先登录注册