广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    iH5中级教程:活动必备,距离XX还剩X天X时X分

    来源:网络收集  点击:  时间:2024-05-02
    【导读】:
    下面我们来一起学习一下iH5中级教程中活动必备,距离XX还剩X天X时X分工具/原料moreiH5方法/步骤1/4分步阅读

    添加相应的文字和计数器

    1.本案例中设置的倒计时提示日期是12月12日,在设置的时候大家可以设置为自己需要倒计时的提示。选中舞台,添加内容为“距离12.12还有”的文本。

    2.选中舞台,点击计数器工具,在舞台上画一个框,添加4个计数器,分别将4个计数器按左到右排序,分别选中计数器后添加4个文本“天、时、分、秒”。注意:这4个文本也可以新建在舞台下。

    2/4

    添加一个时间轴

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

    3/4

    制作倒计时效果

    选中时间轴,点击事件工具,在时间轴下添加4个事件,触发条件都是结束(或者开始),目标对象分别是计数器1至计数器4,目标动作分别是读取日、读取时、读取分、读取秒。倒计时的输入框内填“2015/12/12”,如果需要倒计时的时间非0点,那么可以在后面添加时间,例如:2015/12/12 20:00:00,但是要切记要用英文状态的冒号。

    倒计时原理:此类读取时间的事件,将会以北京时间为标准时间,读取当前的时间,填入倒计时后,将会自动计算倒计时。但是由于时间之中有多个数字,所以需要用多个计数器去进行读取。

    4/4

    制作好之后的效果如下

    重点工具:计数器、时间轴、事件

    知识点:

    读取时间的事件可以读取倒计时的年、月、星期、天、时、分和秒。但是注意,目标对象要选择计数器才会出现相关读取时间的事件。如果不输入倒计时的事件,那么读取的是当前的时间。如果输入倒计时,那么读取的是倒计时的事件。

    另外,读取年、月、日是不能进行倒计时的,只能读取当前时间;读取天、时、分和秒既可以读取倒计时又可以读取当前时间。

    重点事件:

    触发对象:时间轴

    触发条件:结束

    目标对象:计数器

    目标动作:读取日

    倒计时: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

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-06 02:10:23  耗时:0.025
    0.0254s