iH5中级教程:活动必备,距离XX还剩X天X时X分
来源:网络收集 点击: 时间:2024-05-02添加相应的文字和计数器
1.本案例中设置的倒计时提示日期是12月12日,在设置的时候大家可以设置为自己需要倒计时的提示。选中舞台,添加内容为“距离12.12还有”的文本。
2.选中舞台,点击计数器工具,在舞台上画一个框,添加4个计数器,分别将4个计数器按左到右排序,分别选中计数器后添加4个文本“天、时、分、秒”。注意:这4个文本也可以新建在舞台下。


添加一个时间轴
选中舞台,添加一个时间轴,将时间轴设置为自动播放,总时长默认为10秒,因为倒计时是需要按每秒倒计时的,所以这里将总时长设置为1秒,并且让它循环播放。

制作倒计时效果
选中时间轴,点击事件工具,在时间轴下添加4个事件,触发条件都是结束(或者开始),目标对象分别是计数器1至计数器4,目标动作分别是读取日、读取时、读取分、读取秒。倒计时的输入框内填“2015/12/12”,如果需要倒计时的时间非0点,那么可以在后面添加时间,例如:2015/12/12 20:00:00,但是要切记要用英文状态的冒号。
倒计时原理:此类读取时间的事件,将会以北京时间为标准时间,读取当前的时间,填入倒计时后,将会自动计算倒计时。但是由于时间之中有多个数字,所以需要用多个计数器去进行读取。


制作好之后的效果如下
重点工具:计数器、时间轴、事件
知识点:
读取时间的事件可以读取倒计时的年、月、星期、天、时、分和秒。但是注意,目标对象要选择计数器才会出现相关读取时间的事件。如果不输入倒计时的事件,那么读取的是当前的时间。如果输入倒计时,那么读取的是倒计时的事件。
另外,读取年、月、日是不能进行倒计时的,只能读取当前时间;读取天、时、分和秒既可以读取倒计时又可以读取当前时间。
重点事件:
触发对象:时间轴
触发条件:结束
目标对象:计数器
目标动作:读取日
倒计时:2015/12/31
触发对象:时间轴
触发条件:结束
目标对象:计数器
目标动作:读取小时
倒计时:2015/12/31
Tips:
1. 如果要实时显示倒计时,必须要添加一个1秒的时间轴,设置它自动播放且循环播放。而且读取时间的事件必须都放在时间轴下,触发条件可以设置为开始,也可以设置为结束。
2. 关于倒计时的输入框,在框内填写的倒计时的时间非0点,那么可以在后面添加时间,例如:2015/12/12 20:00:00,但是要切记要用英文状态的冒号

版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_650132.html