jQuery停止/暂停声音在循环中播放

Question

我正在尝试获得一个反复播放的声音，直到变量更改为止：

var ding;
for(ding = 1; ding < 20; ding++) {
    function chamada() {
        jQuery.playSound('components/com_chat/sys/chamada');
    }
    var delay = ding * 2500;
    setTimeout(chamada, delay);
    if (ding == 0){
        break;
    }
}

具有弹奏函数的外部.js文件：

 (function($){$.extend({
  playSound: function(){
    return $(
      '<audio autoplay="autoplay" style="display:none;">'
        + '<source src="' + arguments[0] + '.mp3" />'
        + '<source src="' + arguments[0] + '.ogg" />'
        + '<embed src="' + arguments[0] + '.mp3" hidden="true" autostart="true" loop="false" class="playSound" />'
      + '</audio>'
    ).appendTo('body');
  }
  });
  })(jQuery);

编辑

代码正在工作，并且会在循环的末端停止，但是当我定义ding = 0时不会停止，请单击对话框：

  ConfirmDialog('answer');
        function ConfirmDialog(message){
            jQuery('<div></div>').appendTo('body')
                .html('<div class="widget">answering</div>')
                .dialog({
                    modal: true, title: 'answer', zIndex: 10000, autoOpen: true,
                    width: 'auto', resizable: false,
                    buttons: {
                        "Answer": function () {
                            ding = 0;
                        },
                        Cancelar: function () {
                        //...
                        }
                    },
                    close: function (event, ui) {
                        jQuery(this).remove();
                    }
                });
            };
        }

ding = 0时我该如何停止？

Answer 1

var ding;
for(ding = 1; ding < 20; ding++) {
    function chamada() {
        jQuery.playSound('components/com_chat/sys/chamada');
    }
    var delay = ding * 2500;
    setTimeout(chamada, delay);
    if (ding == 0){
        break;
    }
}

在此代码中，您的ding变量增加而不是减小，因此它实际上不会达到0。

Answer 2

我用此代码解决了问题：

      var stop_ding = 0;
      var i = 1;   
        function myLoopChamada () { 
           setTimeout(function chamada() {
            jQuery.playSound('components/com_chat/sys/chamada');
              i++;
              console.log('ding '+i);
              if (i < 20) {
                  if(stop_ding != 1){
                    myLoopChamada();
                  }
              }                   
           }, 3000)
        }
        myLoopChamada();

允许FOR循环一次延迟一次，然后一次迭代，这就是为什么无法停止它的原因。比我在对话框按钮答案功能上添加了：

 stop_ding = 1;

根据其他问题：

如何在JavaScript循环中添加延迟？

希望它可以帮助别人！