Остановить запущенную функцию js скрипта

Question

Нажимая на кнопку "Старт", запускается функция и рандомно выводит текст в двух блоках.

В кнопке меняется при клике цвет и текст. Каким образом её можно остановить ?

cube0 = ['text1', 'text2', 'text3']

cube1 = ['t2', 't3', 't4']

function random() {
  random_cube_0 = cube0[Math.floor(Math.random() * (cube_0_length))];
  random_cube_1 = cube1[Math.floor(Math.random() * (cube_1_length))];
}

$("#start").click(function() {
  function go() {
    random()
    $('#bones-objects').text(random_cube_0)
  };
  setInterval(go, 50)

  function go1() {
    random()
    $('#bones-objects0').text(random_cube_1)
  }
  setInterval(go1, 50)
  $("#start").text("Стоп").toggleClass("btn-danger")
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row main-block-objects">
  <div class="col-sm">
    <div id="bones-objects"></div>
  </div>
  <div class="col-sm">
    <div id="bones-objects0"></div>
  </div>
</div>

Answer 1

Исправил, извините за беспокойство глупым вопросом.

$("#start").click(function() {
var interval = setInterval(function() {
        random()
        $('#bones-objects').text(random_cube_0)
        random()
        $('#bones-objects0').text(random_cube_1)

})
setTimeout(function() {
    clearInterval(interval);
    console.log(interval)
}, 5000);

});

БЛОГ НА HUSL

Остановить запущенную функцию js скрипта

Ответы (1 шт):