我的项目7 js 实现歌词同步（额，小小的效果）

浏览数：72 / 时间：2015年06月09日

在项目中需要做一个播放器，还要实现歌词同步的效果，就跟现在搜狗音乐的歌词同步差不多，在网上查了一些关于这方面的，整理了一下，在这里，其实用这个方法可以吗？

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript">
			window.setInterval("dd()",200);
			var i=0;
			function dd(){
				i=i+10;
				//alert(i)
				document.getElementById("mydiv2").style.width=i+"px"; 				
			}
			function x(){
				//alert("-----")
				document.getElementById("mydiv2").style.color="red";
			}
		</script>
		
	</head>

	<body>
        <div class="mydiv1" style="position: absolute; z-index: 1;">
        	<h1>影月莹莹哈哈哈哈哈哈</h1>
        </div>
        <div  class="mydiv2" id="mydiv2" style="position: absolute; z-index:2; color: blue; width: 100px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
        	<h1>影月莹莹哈哈哈哈哈哈</h1>
        </div>
        <button id="mybutton" onclick="x()" style="height: 100px; width: 200px; margin-top: 100px;">电机 </button>
	</body>

</html>

在这里，，我用了一个这种方法，不知行不行的通，，至于歌词同步，就调时间吧，向网上一些博客，，看了都是需要AJAX解析歌曲文件，获取歌词，歌词时间，实现歌词同步，在这里，如果只是一两首歌曲，自己调一调时间也行吧。。。。，至于大家有什么看法。。额额。。。嘿嘿

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

我的项目7 js 实现歌词同步（额，小小的效果）