Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Визуальное уменьшение числа (https://javascript.ru/forum/misc/57077-vizualnoe-umenshenie-chisla.html)

Lemme 18.07.2015 14:08
AntonMs, не за что=)

Palama 18.07.2015 15:52
Цитата:
Сообщение от Lemme (Сообщение 380244)
Palama, рекурсия,конечно, хорошо, но что, если я захочу сделать так
timer(document.geElementById('counter'), 1000, 500);
тогда заклинание :) 
var timer = function(e,a,b,step,delay) {
    var q = function() {if (Math.abs(a-b)>=Math.abs(step)) e.innerHTML=(setTimeout(q,delay),a=a+step);}
    q();
}
timer(document.geElementById('counter'),1000,500,-1,1);

Lemme 18.07.2015 16:04
действительно заклинание +)

рони 18.07.2015 17:06
таймер для анимации чисел
 
:write: 
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .test{
    background-color: rgb(51, 153, 0);
    color: rgb(102, 255, 255);
  }

  </style>
</head>

<body>
  <span class="time"></span>
  <script>
function timer(a) {
    var c = performance.now();
    requestAnimationFrame(function d(b) {
        b = (b - c) / a.duration;
        1 < b && (b = 1);
        a.elem.innerHTML = a.from + (a.to - a.from) * b | 0;
        b == 1 && a.callback && a.callback();
        1 > b && requestAnimationFrame(d)
    })
};
var span = document.querySelector('.time');
timer({
        from : 1000,
        to : 500,
        duration: 5 *1000,
        elem : span,
        callback : function() { span.classList.add('test')}
    })
</script>
</body>
</html>

Lemme 18.07.2015 17:14
рони, круто, не лень было?=)

рони 18.07.2015 17:21
Цитата:
Сообщение от Lemme
не лень было?=)
просто добавил пару параметров
сюда

kostyanet 19.07.2015 09:48
В этом его кредо: брать у богатых и давать бедным :) Однако не всем джобсам удается на этом разбогатеть.


Часовой пояс GMT +3, время: 14:12.
Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице