原生JS实现网页手机音乐播放器 歌词同步播放的示例
整了一下 之前写了好几次每一次都丢三落四的今天花了半天理了下思路整理了下头绪
//获取歌词文本
vartxt=document.getElementById("lrc");
varlrc=txt.value;//获取文本域里的值
/*console.log(lrc);*/
varlrcArr=lrc.split("[");//去除[
/*console.log(lrcArr);*/
varhtml="";//定义一个空变量保存文本
for(vari=0;i"+text+""
}
con.innerHTML=html}
实现歌词同步首先要获取到文本框再配合H5中新增的属性如图其实很简单啦!
以上这篇原生JS实现网页手机音乐播放器歌词同步播放的示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
热门推荐
10 毕业创意蛋糕祝福语简短
11 新年祝福语大全简短老师
12 住学长学姐祝福语简短
13 酒店客人祝福语简短
14 生日祝福语简短搞笑女儿
15 孩子军训回家祝福语简短
16 客户投标祝福语简短范文
17 过年祝福语南昌话简短
18 元旦祝福语简短有深度