增加循环功能,点击单句时可以循环播放本句
HTML
<button class="btn btn-primary" onclick="loopPlay()" >循环</button>
JS
点击按钮事件,切换循环状态
function loopPlay () {
loop=!loop;
}
定义全局变量,是否处于循环模式
var loop=false;//是否是循环模式,默认非循环模式
在停止函数中进行判断是否要停止播放音乐
if(v.currentTime >= tmpTime&&loop==false){ //非循环模式
v.pause();//音乐停止
v.removeEventListener("timeupdate", this);
}else if(v.currentTime >= tmpTime&&loop==true){//循环模式下
playone(line-1,0);
}
倒计时
点击录音按钮时,因为是提前3秒播放伴奏所以设计了一个倒计时321
//倒计时
function countDown(i,n){//i第几句,n从第几秒开始倒计时
var div1 = document.createElement("div");//外面的div
var div = document.createElement("div"); //创建一个包含数字div标签
$('#line'+i).append(div1);
div1.append(div);
div1.setAttribute("class","countdiv1");//添加类
div.setAttribute("class","countdiv");
div.innerHTML=n;
var intv=setInterval(function () {
n=n-1;
div.innerHTML=n;
if(n==0){//倒计时到0时
window.clearInterval(intv);//移出计时器
div1.remove();
}
},1000);
}