бегущие проценты
Скажите пожалуйста как сделать так чтобы за определенный (изменяемый пользователем промежуток времени) проценты добежали от 0 до 100, делаю так и не работает и кстати не знаю как время применить, подскажите пожалуйста
<h1 id="percent">0%</h1>
<script>
var percent_func(percent)=function {
$('#percent').replaceWith('<h1>'+percent+'%</h1>')
if (percent <100){percent_func(percent+1);}
}
percent_func(0);
</script>
|
Цитата:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function ()
{ var percent_func = function(percent, time) {
$('#percent').prop({numberValue: percent}).animate({numberValue: 100}, {
duration: time,
easing: 'linear',
step: function(a, b) {
$(this).text((b.now|0) + ' %');
}
})}
percent_func(0, 2000);
})
</script>
</head>
<body>
<h1 id="percent">0%</h1>
</body>
</html>
|
Спасибо, рони, ты как всегда очень отзывчив, большое спасибо:no:
|
| Часовой пояс GMT +3, время: 15:06. |