Малко помощ с JS таймер

HunteR

Super Moderator
Здравейте,

имам този таймер.
Той брои назад. Примерно задавам му секунди и той започва.
Код:
<script type="text/javascript">
var minute = 60;
var hour = minute * 60;
var obj = null;

function toFixFormat(sender)
{
return (sender < 10) ? '0' + sender : sender;
}

function calculateTime(phpTime)
{
var curTime = phpTime;
var hours = Math.floor(curTime / hour);
if (hours < 0)
{
obj.innerHTML = '<a href=>Готово</a>';
return;
}
curTime -= hours * hour;

var minutes = Math.floor(curTime / minute);
curTime -= minutes * minute;
var seconds = Math.floor(curTime);

obj.innerHTML =
toFixFormat(hours)
+ ':' + toFixFormat(minutes)
+ ':' + toFixFormat(seconds);

setTimeout('calculateTime("'+(phpTime - 1)+'")', 1000);
}

window.onload = function()
{
obj = document.getElementById('counter');
calculateTime(15);
}
</script>
<div id="counter"></div>
Тук се задават секундите:
calculateTime(15);

Така това няма никакво значение за сега.
Въпросът ми е как да преработя кода, за да мога да слагам по няколко брояча на страница.
Примерно:
<div id="counter1"></div>
<div id="counter2"></div>
<div id="counter3"></div>
<div id="counter4"></div>

Като всеки брояч си има собствено време. :)

Какво трябва да променя в JS кода? Изобщо ме няма там :P
 
Код:
      <script type="text/javascript">
         var minute = 60;
         var hour = minute * 60;
         var obj4,obj5,obj6 = null;
         
         function toFixFormat(sender)
         {
            return (sender < 10) ? '0' + sender : sender;
         }
         
         function calculateTime(phpTime, obj)
         {
            var curTime = phpTime;
            var hours = Math.floor(curTime / hour);
            if (hours < 0)
            {
               obj.innerHTML = '<a href="?">Готово</a>';
               return;
            }
            curTime -= hours * hour;
             
            var minutes = Math.floor(curTime / minute);
               curTime -= minutes * minute;
            var seconds = Math.floor(curTime);
             
            obj.innerHTML =
               toFixFormat(hours)
               + ':' + toFixFormat(minutes)
               + ':' + toFixFormat(seconds);

         window.setTimeout(
            function() {
               calculateTime(phpTime - 1, obj);
            }, 1000
         );
         }
         
         window.onload = function()
         {
            obj4 = document.getElementById('vreme_4');
            obj5 = document.getElementById('vreme_5');
            obj6 = document.getElementById('vreme_6');
            calculateTime(300,obj4);
            calculateTime(30,obj5);
            calculateTime(3,obj6);
         }
      </script> 
<div id="vreme_4"></div>
<div id="vreme_5"></div>
<div id="vreme_6"></div>
 

Back
Горе