Witam, tym razem nie z problemem a radą.... mam już gotowy, napisany i działający licznik aktywności i następnym krokiem jaki muszę opanować to obiekty w JavaScripcie.
Powiedzmy że treść zadania brzmi w skrócie tak by kod z poprzedniego zadania, wykorzystać obiektowo w 4 róznych elementach DIV na stronie.
Kod jaki posiadam:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2.   <html>
  3.     <head>
  4.       <style>
  5.         html{width:100%;height:100%;background:white;}
  6.         #zegar{
  7.           position:absolute;
  8.           top:50%;
  9.           left:50%;
  10.           width:300px;
  11.           height:56px;
  12.           margin-left:-150px;
  13.           margin-top:-26px;
  14.           line-height:inherit;
  15.           text-align:center;
  16.           z-index:2;font-size:56px;}
  17.         #zegar .active{
  18.           background:red;}
  19.       </style>
  20. <script>
  21.     var millis = 0;
  22.     var sec = 0;
  23.     var stopTime=0;
  24.     var totalTime =0;
  25.     var temp = 0;
  26.     var startTime=0;
  27.     var work = false;
  28.       function setStopTime(){
  29.         stopTime = (new Date()).getTime() + 3000;
  30.       }
  31.       function setValue(value) {
  32.         millis = Math.floor ( value % 1000 );
  33.         value = Math.floor( value / 1000);
  34.         sec = Math.floor ( value % 60 );
  35.         value = Math.floor( value / 60 );
  36.         if(value < 10) { value="0" + value;
  37.           if( sec < 10) {sec="0"+sec;}
  38.           else if(millis < 100) {millis="0"+millis;}
  39.         }
  40.       document.getElementById('zegar').innerHTML = value + ":" + sec +"." + millis;
  41.       }
  42.  
  43.       function go2() {
  44.         if ( work == true ) return;
  45.         work = true;
  46.         var currentTime = (new Date()).getTime();
  47.         startTime = currentTime;
  48.         var counter = setInterval(function() {
  49.       if(currentTime >= stopTime){
  50.       clearInterval(counter);
  51.       totalTime+= stopTime - startTime;
  52.       work = false;
  53.       setValue(totalTime);
  54.       return;
  55.       }
  56.       temp = currentTime - startTime;
  57.       setValue(temp+totalTime);
  58.       currentTime = (new Date()).getTime();
  59.  
  60.       }, 1);
  61.  
  62.   document.addEventListener("keydown",  function() {setStopTime();go2();});
  63.   document.addEventListener("mousemove",  function() {setStopTime();go2();});
  64.  }
  65. </script>
  66.     </head>
  67.     <body>
  68.       <div id="zegar"></div>
  69.     </body>
  70.   </html>
[HTML] pobierz, plaintext


I było by super miło gdyby ktoś mi wytłumaczył co dalej? Muszę dokładnie podzielić ekran na 4 jednakowe divy, sąsiadujące i każdy musi obrać tą samą akcję co ten teraz.
Jak ktoś ma chwilkę, niech wyjaśni smile.gif

Pozdrawiam ze stażu