显示歌曲名称jquery
显示歌曲名称jquery
提问于 2015-08-14 09:21:19
我在我的网站上有一个我播放的歌曲列表，我想能够显示当前播放的歌曲名称，我有这个代码，其中有播放，暂停，下一步，返回，这工作得很好，但我需要编辑它来显示歌曲名称
<body>
<a class="btn" href="#" id="play" style="background-color:black">Play </a>
<a class="btn" href="#" style="background-color:black" id="pause">Pause</a>
<br>
<a class="btn" href="#" style="background-color:black" id="skip">Next </a>
<a class="btn" href="#" style="background-color:black" id="previous">Back</a>
<audio preload="metadata" tabindex="0" controls autoplay type="audio/mpeg" class="audio-player" src="dz.mp3"></audio>
<audio class="audio-player" src="song2.mp3"></audio>
<audio class="audio-player" src="song3.mp3"></audio>
<body>这是我的脚本
<script>
var x = $(".audio-player").length;
var z = 0;
var songName = $("audio[name]")
$("#play").click(function(){
$(".audio-player")[z].play();
$("#song-name").text(songName);
$("#song-name").show();
})
$("#pause").click(function(){
$(".audio-player")[z].pause();
$("#song-name").hide();
})
$("#skip").click(function(){
$(".audio-player")[z].pause();
z++;
if (z >= x) z = 0;
$(".audio-player")[z].play();
$(".audio-player")[z].currentTime = 0;
$("#song-name").text(songName);
})
$("#previous").click(function(){
$(".audio-player")[z].pause();
z=z-1;
if (z >= x) z = 0;
$(".audio-player")[z].play();
$(".audio-player")[z].currentTime = 0;
$("#song-name").text(songName);
})
</Script>回答 1
Stack Overflow用户
发布于 2015-08-14 10:52:31
在要显示歌曲名称的位置添加新的div：
<div id="song_name"></div>将此代码添加到javascript中：
$('#song_name').append(songName);您可能还需要将其包装在ready函数中。
或者，看起来您已经在代码中显示了歌曲名称：$("#song-name").show();。但是，我没有看到ID为song-name的div。您应该能够将此div添加到现有的HTML。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32000927
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号