博客
关于我
JavaScript 1 播放器
阅读量:292 次
发布时间:2019-03-01

本文共 1186 字,大约阅读时间需要 3 分钟。

<html>
<head>
</head>
<body>
<Script Language="JavaScript">
song = new Array()
var x = 0
song[1] = "007主题曲之一 "
song[2] = "007主题曲之二 "
song[3] = "999朵玫瑰 "
song[4] = "X-档案主题曲"
song[5] = "用心良苦"
song[6] = "泰坦尼克主题曲"
function prev(){
if (x>1)
{
    x--
    document.midi.typein.value=song [x]
}
}
function next()
{
    var max= song.length-1
    if (x<max)
    {
        x++
        document.midi.typein.value=song [x]
    }
}
function go()
{
    if (x != 0)
    {
        location.href='song'+x+'.mid'
        //以上指定播放的是当前路径的midi文件,文件名分别是song1.mid-song6.mid //
    }
}
function start()
{
    x=1
    document.midi.typein.value=song [x]
}
function end()
{
    x=song.length-1
    document.midi.typein.value=song [x]
}
function cls()
{
    document.midi.typein.value="选曲"
}
</Script>
<!--====2、将以下代码加入HTML的<body></body>之间区:-->
<BODY οnlοad="cls()">
<FORM Name="midi">
<INPUT NAME="typein" TYPE="text" SIZE="25" ALIGN=top><BR>
<font size=3>
<INPUT TYPE=Button Value="|<<" Align=left οnclick="start()">
<INPUT TYPE=Button Value="<<" Align=left οnclick="prev()">
<input type=Button value="PLAY" align=left onClick="go()" name="Button">
<INPUT TYPE=Button Value=">>" Align=left οnclick="next()">
<INPUT TYPE=Button Value=">>|" Align=left οnclick="end()">
</font>
</FORM>
</body>
</html> 

转载地址:http://ygzo.baihongyu.com/

你可能感兴趣的文章
Nginx实现动静分离
查看>>
Nginx实现反向代理负载均衡
查看>>
nginx实现负载均衡
查看>>
Nginx将https重定向为http进行访问的配置(附Demo)
查看>>
nginx工作笔记004---配置https_ssl证书_视频服务器接口等
查看>>
nginx常用命令及简单配置
查看>>
Nginx常用屏蔽规则,让网站更安全
查看>>
nginx开机启动脚本
查看>>
nginx异常:the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx/conf
查看>>
nginx总结及使用Docker创建nginx教程
查看>>
nginx报错:the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx/conf/nginx.conf:128
查看>>
nginx报错:the “ssl“ parameter requires ngx_http_ssl_module in usrlocalnginxconfnginx.conf128
查看>>
nginx日志分割并定期删除
查看>>
Nginx日志分析系统---ElasticStack(ELK)工作笔记001
查看>>
Nginx映射本地json文件,配置解决浏览器跨域问题,提供前端get请求模拟数据
查看>>
nginx最最最详细教程来了
查看>>
Nginx服务器---正向代理
查看>>
Nginx服务器上安装SSL证书
查看>>
Nginx服务器基本配置
查看>>
Nginx服务器的安装
查看>>