🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 定时器 在“控件”工具栏下找到“定时器”按钮,点击选中,在“舞台”上生成一个定时器。 ![](https://box.kancloud.cn/16cda5fe8cbe88213cef8199d488ce83_800x565.png) 可在其“属性”栏下设置调整定时器各项属性,例如为定时器命名为“A”、改变其颜色、文本、精度、计时方向、是否循环等。 ![](https://box.kancloud.cn/85187dc2b91cad1beed0e700bbd155a1_800x473.png) * * * * * **1.定时器的关联动画** 定时器的功能应用:以一个“定时器关联火箭上坐标”的案例进行讲解 如下图,新建一个图层1,选中图层1第1帧,点击“素材库”,在“舞台”上添加一个火箭图像素材,使用“变形”工具调整火箭大小、位置等。 ![](https://box.kancloud.cn/bf70dda2829796c820fea02e189de935_800x533.png) 选中火箭素材,在其“属性”面板下点击其“上”数值右边的“关联”按钮。 ![](https://box.kancloud.cn/cf448e36bbc3f2a191246bb7a6d79213_800x473.png) 在“上”的关联下拉菜单下设置关联属性: 关联对象:“A” 关联属性:“文本取值” 关联方式:“自动关联” 当主控量=“30”时被控量=“408” 当主控量=“0”时被控量=“0” ![](https://box.kancloud.cn/00cf5b09cbeb21f28530b38072df8c02_800x456.png) 点击“预览”,发现火箭随着定时器数值的减少而往上移动 ![](https://box.kancloud.cn/9c322da952e833e73d17bd67c6022d90_800x447.png) 同时,若将定时器的“精度”调整为“秒”时,观察动画效果,会发现火箭的移动出现卡顿效果。因此在用定时器制作动画时,为保证物体移动顺畅,最好将“精度”调整为“毫秒”。 ![](https://box.kancloud.cn/21f1d3fd8748ca6496da6161ba29b563_800x451.png) * * * * * **2.定时器的独有触发条件** 如下图,点击定时器的“添加/编辑行为”按钮 ![](https://box.kancloud.cn/daa5fce214d171dbb8655339f6e549da_800x471.png) 在弹出的“编辑行为”对话框下选择“下一页”,点击“触发条件”的下拉菜单,发现会多出两个触发条件:“定时器时间到”“定时器开始计时”,选择“定时器时间到”。 ![](https://box.kancloud.cn/020b0510b1b7f3a246421083e024f899_801x459.png) 在定时器的“属性”面板下将定时器长度(时间)改为“3秒”,并点击添加一个新页面 ![](https://box.kancloud.cn/41d4ff888b7a27cef3201a4a488e4e2b_800x413.png) 点击“预览”,发现定时器时间到后会自动跳转至第2页面。 ![](https://box.kancloud.cn/699ddc610b95ee991bc43eb1335d0844_800x488.png) 观看本节视频教程: http://cdn1.mugeda.com/course/3/3.5/3.5.2.mp4