（4）通过以上三步已完成了进度条的移动，现在来实现“时间”文本的显示。因为“循环2”每变换一次状态的时间是1000ms，而“时间”文本每变换一次值也是1000ms，所以这两者是对应的。而“时间”文本按字符串显示可分为三种情况：0:01~0:09、0:10~0:59、1:00。
为此，在【项目】【全局变量】设置全局变量“t”用来记录时间，当“循环2”每变换一次状态时t=t 1000ms。当t<10000ms时，“时间”的值=0:0[t/1000]；当10000ms=<t<60000ms时，“时间”的值=0:[t/1000]；当t=60000ms时，“时间”的值=1:00，且循环1、循环2停止循环，把“播放-暂停”面板设置为暂停状态。
四、单行歌词的颜色变化
1. 实现交互
跟QQ音乐的单行歌词显示一样。
2. 思路
在QQ音乐APP中，歌曲的歌词颜色变化不是匀速的，而是由歌曲本身的音乐性来决定的。此案例中假定每行歌词里的颜色变化是匀速的。因此，可算出在1分钟内算出每行歌词颜色变化的所耗时长，再通过每行歌词动态面板的尺寸改变来实现歌词颜色变化的样式。
3. 实现过程
（1）拖入一个宽为141、高为16的动态面板，命名为“歌词”。宽为141是为了让所有的歌词行都能显示，高为16是为了仅能显示一行。在“歌词”的state1里加入八句歌词，调整好位置且垂直分布，记录每歌词的y坐标。
（2）把这八行每句歌词每行都复制一份，调整好颜色用来当作变色歌词行，并每把变色歌词的每一行都转化为动态面板，分别命名为：“1”、“2、“3”、“4”、“5”、“6”、“7”、“8”。变色歌词每一行都叠放在非变色歌词的正上方。
（3）把“1”~“8”动态面板的宽度设置为1、把非变色歌词设为白色且透明度为50%。以此，可通过改变“1”~“8”的宽度来实现歌词颜色随着歌曲的播放而改变的交互。把“歌词”state1里面的全部内容转化为动态面板，命名为“歌词1”。
（4）进度条的总时间1min，八句歌词的总宽是1016，所以平均每秒歌词颜色变化的长度为16.93。
又根据每行歌词的宽度可算出“1”~“8”句歌词的颜色变化耗时分别为：7.5s、7.5s、8.33s、7.5s、7.5s、8.33s、5.84s、7.5s。
因为歌词颜色变化是以1s为时间单位的，所以时间不能存在小数点，那么对于以上所述的所耗时长，是要向上取整数还是向下取整数呢？
如果是向上取整数的话，那么这八句歌词的总时长为64s，这显然不符合要求，所以设定这八句歌词的所耗时长分别是7s、7s、8s、7s、7s、8s、5s、7s。
（5）因为每行歌词的所耗时长已经向下取整数了，所以每1s在歌词里的每一行颜色变化的宽度就不再是16.93了。把每一行宽度除以时长，得出每一行在1s颜色变化的宽度为18.2、18.2、17.7、18.2、18.2、17.7、19.8、17.7，此处是向上保留一位小楼（如：如果是18.112就简化为18.2），因为如果向下保留一位小数则会导致在规则时间内完成不了每行所有的字颜色变化。
（6）“循环2”状态变化时，设置事件。如：当0<t=<7000时，移动“歌词1″至（0，0）、动态面板的长度=自身的长度 18.2。
