Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > графический счётчик/секундомер

Автор: kraj 3.3.2007, 23:29

Привет.
Прошу помощи в написание скрипта следующей формы:
ннн,ккк - где ккк изменяется от 000 до 999 с возможностью задания скорости, а при достижения 999 соответственно изменяется и ннн=ннн+1, а ккк=000 и т.д.
Заранее благодарен.

Автор: RodeGO 3.3.2007, 23:46

Примерно так это будет выглядеть:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>123</TITLE>
</HEAD>
<script TYPE="text/javascript">
var k=0;
var n=0;

function counter(k,n){
k=k+1;
if(k>999){
n=n+1
k=0
}
alert(n+'.'+k);
counter(k,n)
}
counter(k,n)
</SCRIPT>
<BODY>
<script TYPE="text/javascript">

</SCRIPT>
</BODY>
</HTML>

Автор: kraj 4.3.2007, 10:58

Это очень хорошо. Но как сделать, чтобы счётчик не зависел ни от действий посетителя, ни от времени, а начал своё действие, как только была создана страничка, ну или аккумулирующим шагом стал всего единственное разовое открытие страницы? И как привязать цифры к графическому изображению цифр.

Автор: AKS 4.3.2007, 16:30

kraj, давайте архив с изображениями - я напишу пример реализации счетчика на изображениях...

Автор: kraj 4.3.2007, 19:36

http://filetoyou.ifolder.ru/1274572
Спасибо.

Автор: 12345c 5.3.2007, 00:05

Скрипт, который, если запустить, покажет HTML (для удобства проверки):

Код

<script>
//Функция вывода i-й младшей цифры числа.
Number.prototype.CifraI=function(i){
  return Math.floor(this/(Math.pow(10,i))%10);}
//Счёт:
velocity=2; //раз в секунду
i=1;
countER=function(){var s='';
  for(j=5;j>=0;j--){s+='[img src='+i.CifraI(j)+'.GIF>';
    if(j==3)s+=',';}
  dd1.innerHTML=s;
i++;}
ww=setInterval(countER,1000/velocity);
onload=function(){dd1=document.getElementById('d1');}
</script>
<div id=d1></div>

Чтобы стал показывать рисунки, замените квадратную скобку в /s+='[img src/ на угловую: /s+='<img src/. Остаётся в <div id=d1></div> написать начальные нули и проставить размеры рисунков. И ещё сделать предзагрузку:

Код

//вписать в скрипты
aa=[];
for(k=0;k<10;k++)aa[k].src=k+'.GIF';