анимированне изменение числа
Есть 2 числа начальное и к которому нужно привести. Как лучше сделать плавный переход от одного числа к другому в духе http://jsfiddle.net/Ev5fn/8/ Данная реализация не устраивает ввиду того что не удалось настроить скорость (слишком долго)
|
Tek,
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> <script> window.onload=function(){ function number_to(id,from,to,duration) { var element = document.getElementById(id); var start = new Date().getTime(); setTimeout(function() { var now = (new Date().getTime()) - start; var progress = now / duration; var result = Math.floor((to - from) * progress + from); element.innerHTML = progress < 1 ? result : to; if (progress < 1) setTimeout(arguments.callee, 10); }, 10); } number_to("example",900,1500,3000); number_to("test",10,-5,15000) }; </script> </head> <body> <div id="example"></div> <div id="test"></div> </body> </html> |
Цитата:
|
Отличный скрипт, кто может подсказать чтобы таймер для первого числа прибавлял по 50, а не по единице?
|
dambar,
var result = Math.floor(((to - from) * progress + from)/50)*50; |
Цитата:
|
Помогите пожалуйста
А сделать чтоб эти числа начинались после нажатия кнопки
|
anna4,
а в чём проблема прописать клик на кнопку? |
Я не знаю как((
Помогите пожалуйста это сделать
|
рони,
Помогите пожалуйста. Очень нужно. Уже неделю ищу ни как не могу найти. как сделать чтоб этот скрипт срабатывал только после нажатия на кнопку <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> <script> window.onload=function(){ function number_to(id,from,to,duration) { var element = document.getElementById(id); var start = new Date().getTime(); setTimeout(function() { var now = (new Date().getTime()) - start; var progress = now / duration; var result = Math.floor((to - from) * progress + from); element.innerHTML = progress < 1 ? result : to; if (progress < 1) setTimeout(arguments.callee, 10); }, 10); } number_to("example",900,1500,3000); }; </script> </head> <body> <div id="example"></div> <div id="test"></div> </body> </html> |
Часовой пояс GMT +3, время: 05:20. |