javascript - Javascript 中 SetInterval 内的 ResponsiveVoice 代码 : How to stop the loop?

Question

目前我正在做排队系统，并且正在研究使用响应式语音的语音播报。我把它放在 setInterval 上，但问题是它正在循环并且声音永远不会停止。

     $( document ).ready(function() {
       setInterval(function() {
         $.ajax({
           url: "/getnewdata",
           cache: false,
         }).done(function(html) {
           $( '#data-container' ).html(html);
         });
         responsiveVoice.speak("{{ $new_call->letter }}-{{ $new_call->number }} please proceed to Counter {{ $new_call->counter_id }}")
       }, 3000);
    });

我只希望语音播音员只循环一次。还有一个问题，当有新的数据添加的时候，应该公布一个数据。另一个问题是，例如，它不是说“30 号”，而是说“29 号”。

Answer 1

我试试这个

$( document ).ready(function() {
    setInterval(function() {
      $.ajax({
        url: "/getnewdata",
        cache: false,
      }).done(function(html) {
          $( '#data-container' ).html(html);
          setTimeout(function() {
            function voiceStartCallback() {
                console.log("Voice started");
            }

            function voiceEndCallback() {
                console.log("Voice ended");
            }

            var parameters = {
                onstart: voiceStartCallback,
                onend: voiceEndCallback
            }
            responsiveVoice.speak("{{ $new_call->letter }}-{{ $new_call->number }} please proceed to Counter {{ $new_call->counter_id }}", parameters)
          }, 800);
      });
    }, 3000);    
  });

当我查看控制台时，出现错误:Uncaught TypeError: Cannot read property 'deprecated' of null at ResponsiveVoice.a.speak (responsivevoice.js?key=8PNDpxy8:117) atqueue:178