JS--写一个音乐播放页面（播放次数）

最新推荐文章于 2023-11-03 23:18:00 发布

Belle唯唯

最新推荐文章于 2023-11-03 23:18:00 发布

阅读量1.2k

点赞数

分类专栏： Web

本文链接：https://blog.csdn.net/weixin_36869329/article/details/72842604

版权

Web 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title> 
<script>
function c1(){
    music_player.num1.value++;
}
function c2(){
    music_player.num2.value++;
}
function c3(){
    music_player.num3.value++;
}
function c4(){
    music_player.num4.value++;
}

</script>
</head>
<body>
<form name="music_player">
<table    border="1" cellpadding="10"  bgcolor=pink>
<tr><td bgcolor="#CC6699" colspan=4>光良---->光芒</tr>
<tr><th>编号<th>歌曲名称<th>在线播放<th>点播计数</tr>
<tr><td>1<td>Justin Bieber - Love Yourself   <td><embed src="Justin Bieber - Love Yourself.mp3" onClick=c1()>
<td><input type="text" value="0" name="num1" size="1">
<tr><td>2<td>01 Lecon 1 Bonjour ! <td><embed src="01 Lecon 1 Bonjour !.mp3" onClick=c2()>     
<td><input type="text" value="0" name="num2" size="1">
<tr><td>3<td>02 Lecon 1 Vocabulaire et expressions   <td><embed src="02 Lecon 1 Vocabulaire et expressions.mp3" onClick=c3()> 
<td><input type="text" value="0" name="num3" size="1">
<tr><td>4<td>04 Lecon 1 Exercices<td><embed src="04 Lecon 1 Exercices.mp3" onClick=c4()> 
<td><input type="text" value="0" name="num4" size="1">

</table>
</form>
</body>
</html>

其中MP3只需要和html放在同一个路径下即可正常播放

计数时：按一次播放一次关闭计一次数

这里写图片描述

Belle唯唯

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS--写一个音乐播放页面（播放次数）

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert ti
复制链接

扫一扫

专栏目录