JavaScript或AJAX如何简洁高效的实现同步歌词呢？
标准是HTML5，php技术音乐是这么写的<!doctypehtml><html><head></head><body><audiocontrols="controls"...
标准是HTML5，php技术
音乐是这么写的
<!doctype html>
<html><head></head>
<body>
<audio controls="controls">
<source src="/mysite/music/想起.mp3">你的浏览器不支持这个audio标签。
</audio>
歌词从数据库中调出赋给PHP的变量$lrc="
[00:04.02]回到相遇的地点
[00:27.18]才知我对你不了解
[00:32.81]以为爱得深就不怕伤悲
[00:38.51]偏偏爱让心成雪
[00:44.80]我独自走在寂寞的长街
[00:50.88]回忆一幕幕重演
[00:56.82]我告诉自己勇敢去面对
[01:01.92]就算心碎也完美";
用<pre>格式化后echo显示到HTML中跟这个一摸一样。
=========================================
问题是：
如何在JavaScript（或者说AJAX）简洁高效的实现同步歌词呢？
网上有很多教程和方法，但那种都是直接面向终端用户的，样式太多，体验太丰富，代码太复杂，作为非前端人员的我来说，看不太懂，而且有些还有JQuery，这就更没法知道了。
我是个学PHP的（水平一般般），前端只懂一些简单的JavaScript，能基本读懂简单的东西，但代码一多，我就看不明白了。
希望大神能赐一个最简洁高效的、完全能用的、同步显示歌词的JS代码，配合AUDIO标签播放使用，不要JQuery，也不需要CSS，不用滚动显示，只需要显示到的时候将字变红就行。 展开
音乐是这么写的
<!doctype html>
<html><head></head>
<body>
<audio controls="controls">
<source src="/mysite/music/想起.mp3">你的浏览器不支持这个audio标签。
</audio>
歌词从数据库中调出赋给PHP的变量$lrc="
[00:04.02]回到相遇的地点
[00:27.18]才知我对你不了解
[00:32.81]以为爱得深就不怕伤悲
[00:38.51]偏偏爱让心成雪
[00:44.80]我独自走在寂寞的长街
[00:50.88]回忆一幕幕重演
[00:56.82]我告诉自己勇敢去面对
[01:01.92]就算心碎也完美";
用<pre>格式化后echo显示到HTML中跟这个一摸一样。
=========================================
问题是：
如何在JavaScript（或者说AJAX）简洁高效的实现同步歌词呢？
网上有很多教程和方法，但那种都是直接面向终端用户的，样式太多，体验太丰富，代码太复杂，作为非前端人员的我来说，看不太懂，而且有些还有JQuery，这就更没法知道了。
我是个学PHP的（水平一般般），前端只懂一些简单的JavaScript，能基本读懂简单的东西，但代码一多，我就看不明白了。
希望大神能赐一个最简洁高效的、完全能用的、同步显示歌词的JS代码，配合AUDIO标签播放使用，不要JQuery，也不需要CSS，不用滚动显示，只需要显示到的时候将字变红就行。 展开
1个回答
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
