Как сделать счетчик числа с 0% до 100%?

Question

[Vladislav]

Как сделать счетчик числа с 0% до 100%? При чтобы можно было контролировать скорость счетчика в милисекундах, подскажите пожалуйста на чистом JS

Answer 1

[Alex Ozerov]

function counter(ms, className){
    let counter = 0;
    let interval = setInterval(() => {
        document.querySelector(className).innerHTML = ++counter;
        counter === 100 ? clearInterval(interval) : false;
    }, ms)
}
counter(100, '.res')

Comments

[Vladislav]

Alex Ozerov бесконечно крутит, можно пожалуйста варинт от 0 до 100

[Alex Ozerov]

Vladislav, да, я немного ошибся, я уже исправил

[Vladislav]

Alex Ozerov, спасибо, а как там в скрипте время контроливать в милисек?

[Alex Ozerov]

Vladislav, первый параметр, который принимает функция - это и есть время исполнения функции в милисек

[Vladislav]

Alex Ozerov, а как же например те же 0,5 милесек задать

[Alex Ozerov]

Vladislav, и будьте так добры, если вам помог чей-то ответ, не поленитесь нажать кнопку "отметить решением"

[Alex Ozerov]

Vladislav, стоп 0,5 - вы имеете ввиду половину от милисекунды?

[Vladislav]

Alex Ozerov, не волйнутесь) конечно, просто спрашиваю про вермя, можно задать в секунду и 0,5 милисек например?

[Alex Ozerov]

Vladislav, counter(500, classname)

[Vladislav]

Alex Ozerov, опечатался, пол секунды, обычно пишут 1000 это 1 секунда, а у вас 100

[Vladislav]

Alex Ozerov, благодарю)

[Alex Ozerov]

Vladislav, в коде я писал для себя как пример, чтобы не ждать долго, вы же задавайте любое значение в милисек

[Дмитрий Беляев]

и будьте так добры, если вам помог чей-то ответ, не поленитесь нажать кнопку "отметить решением"

Alex Ozerov, боюсь Вас огорчить, но Ваш ответ ему не помог... Он его тупо скопипастил, ему даже лень в нем разобраться, чтоб самому понять где число поменять, чтоб время задержки другое было...
Мне остается надеяться, что своей медвежьей услугой Вы все же приблизите его к увольнению за некомпетентность...

[Alex Ozerov]

Дмитрий Беляев, возможно вы правы, но я рассуждал так: "если человек не может написать элементарный счетчик на js, то скорее всего он вообще не знаком с javascript. Бывают такие ситуации, когда нужно не учится, а просто сделать чтобы работало. Надеюсь я рассуждал в правильном направлении.

Answer 2

[Дмитрий Беляев]

https://developer.mozilla.org/ru/docs/Web/API/Wind...
https://developer.mozilla.org/ru/docs/Web/API/Wind...