Как изменить интервал динамически при использовании setInterval

Question

У меня есть эта скрипку: https://jsfiddle.net/reko91/stfnzoo4/

Im в настоящее время использует Javascripts setInterval() для входа строки на консоль.

Что я хочу сделать, находится в этой функции setInterval, чтобы проверить, изменилась ли переменная интервала, если она есть, изменить интервал в функции setInterval. Я могу уменьшить интервал переменной на 100 (ускорение функции вверх) одним нажатием кнопки.

Возможно ли это?

Кто-то говорил об этом: Changing the interval of SetInterval while it's running

Но это с помощью счетчика, поэтому они работают только это определенное количество раз. Мне нужно запустить его так долго, но измените, как быстро функция снова вызвана.

Вот код:

var interval = 2000; 
 

 
setInterval(function() { 
 
    interval = getInterval(); 
 
    console.log('interval') 
 
}, interval); 
 

 

 
function getInterval() { 
 
    return interval; 
 
} 
 

 

 
$('#speedUp').on('click', function() { 
 
    interval -= 100; 
 
    console.log(interval) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id='speedUp'> 
 
    speed up 
 
</button>

Answer 1

Я бы просто остановить интервал и начать новую с разными сроками

var interval = 2000; 
 
var intervalId; 
 

 
// store in a function so we can call it again 
 
function startInterval(_interval) { 
 
    // Store the id of the interval so we can clear it later 
 
    intervalId = setInterval(function() { 
 
    console.log(_interval); 
 
    }, _interval); 
 
} 
 

 

 
function getInterval() { 
 
    return interval; 
 
} 
 

 

 
$('#speedUp').on('click', function() { 
 
    interval -= 100; 
 
    // clear the existing interval 
 
    clearInterval(intervalId); 
 
    // just start a new one 
 
    startInterval(interval); 
 
    console.log(interval) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id='speedUp'> 
 
    speed up 
 
</button>