养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

iH5制作倒计时效果

时间:2024-11-12 07:34:51

ih5是一款不错的h5制作工具,可以实现很多种网页效果,这里就介绍一下做出倒计时效果的方法。此教程以制作高考倒计时页面的方式来介绍倒计时效果的制作方法

工具/原料

有网络的电脑

HTML5网页制作工具iH5

方法/步骤

1、进入iH5官网,登录自己的账号,没有的话就注册一个。进入工作台并新建一个作品

iH5制作倒计时效果

2、添加需要的元素:根据实际需要,添加一些文本或者其他元素,这里简单添加了一些文字。这一步,大家可以按自己的需要来设计

iH5制作倒计时效果

3、在舞台下添加时间轴:在对象树中选中舞台,点击左边工具栏中的时间轴工具添加一个时间轴跷孳岔养。选中时间轴,将时间轴的自动播放以及循环播放均设为"yes",时长设定为”1“如图所示

iH5制作倒计时效果

4、设置时间轴:选中时间轴,点击工短铘辔嗟具栏中的事件工具,在时间轴下添加4个事件。选中舞台,在工具栏中选择计数器工具,在舞台上添加4个计数器。并将计数器逐一调整到合适的位置,效果如图

iH5制作倒计时效果

5、设置事件:选中事件1,触发条竭惮蚕斗件选择“结束”目标对象选择“舞台.计数器1”目标动作选择“读取日”倒计时设置为惺绅寨瞀2017/06/07(此处填写距离某日倒计时的日期,注意格式)事件4分别将目标对象选择为计数器4目标动作分别为"读取小时""读取分钟""读取秒"触发条件以及倒计时的设置均与事件1相同

iH5制作倒计时效果

6、制作完成:做好上面的步骤后,点击发布并填写相关信息即可发布到互联网,也可以根据需要继续编辑其他部分。

iH5制作倒计时效果

© 一点知识