2018-05-12循环功能

增加循环功能，点击单句时可以循环播放本句

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);
}