1、首先新建一个html页面，并设置一个按钮；
2、然后给这个按钮绑定一个函数；
3、接着设置一个变量用来保存定时器；
4、最后在Function里面写实现代码即可。
本文 *** 作环境：windows7系统、html5&&javascript1.8.5版、DellG3电脑等。
这个看你用什么写了，比如javascript，获取当前的时间，再减去开始那一天的时间，最后输出...比如:
<script>
var date = new Date()
var y = date.getFullYear()
var m = date.getMonth()+1
var d = date.getDate()
var pass1 = Date.parse('2015/10/1') //开始的日期
var pass2 = Date.parse(y+'/'+m+'/'+d) //当前日期
var time = (pass2-pass1)/(1000*60*60*24) //过去的天数
alert(time)
</script>
如果使用audio自带的控制按钮，JS代码无法控制它的播放和暂停。需要添加自己的播放按钮和暂停按钮，然后在js代码中控制audio的播放和暂停，利用计时器定时增加或减少音量。
以下是我亲自测试过可以达到你要的效果的代码，细节需要你调整定时器的时间间隔和每次音量改变幅度。
下面是HTML部分的写法
<body><audio id="player" src="这里是你要播放的音乐.mp3"></audio>
<button type="button" onclick="fadeIn()">播放</button>
<button type="button" onclick="fadeOut()">暂停</button>
</body>
下面是JS部分的写法
function fadeOut(){var player=document.getElementById("player")
var vol=player.volume
var t=setInterval(function(){
vol-=0.01
if(vol>0){
player.volume=vol
}else{
clearInterval(t)
player.pause()
}
},100)
}
function fadeIn(){
var player=document.getElementById("player")
var defaultVol=player.volume
player.volume=0
var vol=0
player.play()
var t=setInterval(function(){
vol+=0.01
if(vol<=defaultVol){
player.volume=vol
}else{
clearInterval(t)
}
},100)
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）