Показать сообщение отдельно
  #1 (permalink)  
Старый 24.02.2023, 17:44
Интересующийся
Отправить личное сообщение для Fox- Посмотреть профиль Найти все сообщения от Fox-
 
Регистрация: 10.01.2018
Сообщений: 20

Увеличение дробного числа
Здравствуйте, как можно увеличить в реальном времени? Принцип таймера, начать отсчитывать с 1.0 например до 1.100, когда достигнет 1.100 перестать отсчитывать, если с 1.0 до 2.10 указано в коде, то до этого числа считать. Сначала должно увеличиваться число после точки.
Пока получилось только так :

let n = $('#test').text().replace(/\D/g,'');

function separateNumber(x) {
  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " "); 
 
}



$({numberValue: n}).animate({numberValue: 10}, {
   duration: 5000,
   easing: "linear",
   step: function(val) {
      $('#test').text(separateNumber(Math.round(val)));
   }
});


Код:
<div id="test">1</div>
примерно так:
var timeElem = document.getElementById('time'), 
        countdown = new Date(),
        responseTime = new Date(Date.now() + (1000*10)); // таймер 10 секунд
 
function startTime() {
  countdown.setTime(responseTime - Date.now());
  timeElem.innerHTML = countdown.getUTCHours() + ':' + countdown.getUTCMinutes() + ':' + countdown.getUTCSeconds() + ':' + countdown.getUTCMilliseconds();
  if(countdown.getUTCHours() > 0 || countdown.getUTCMinutes() > 0 || countdown.getUTCSeconds() > 0) 
  requestAnimationFrame(startTime);
  else
  alert('Готово');
}
requestAnimationFrame(startTime);



но не нужен обратный отсчет и миллисекунды до ста только должны доходить

Последний раз редактировалось Fox-, 24.02.2023 в 18:20. Причина: добавил код
Ответить с цитированием