[JavaScript]Automatyczne wyswietlanie godziny Opcje

[Star]

Witam
Chcialbym napisac funkcje ktora 120 razy zapetli czas i za kazdym razem doda do niego 12 minut.Kompletnie nie wiem jednak jak sie za to zabrac.

Ma to wygladac tak ze w okreslonym DIV o ID np div1 pojawi sie 120 obiektow span :

<span>00:00</span>
<span>00:12</span>
<span>00:24</span>
<span>00:36</span>
<span>00:48</span>
<span>01:00</span>
<span>01:12</span>

itd. Jest na to jakaś metoda?

[koodo218]

[HTML] pobierz, plaintext 
<div id="id1"></div>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
var data = new Date();
data.setHours(0);
data.setMinutes(0);
 
for(var i=0;i<120;i++){
  var span = document.createElement("span");
  span.innerHTML = data.getHours()+":"+data.getMinutes();
  document.getElementById("id1").appendChild(span);
  data.setMinutes(data.getMinutes()+12);
}
[JAVASCRIPT] pobierz, plaintext 

[Nitr0Skay]

Można się jeszcze pokusić o to, aby Te godziny wyglądały nieco bardziej ludzko

Kod

var data = new Date();
data.setHours(0);
data.setMinutes(0);

var hours = 0;
var minutes = 0;

for(var i=0;i<120;i++){
  var span = document.createElement("span");
  hours = data.getHours();
  minutes = data.getMinutes();
  hours = (hours < 10) ? ('0' + hours) : hours;
  minutes = (minutes < 10) ? ('0' + minutes) : minutes;
  
  span.innerHTML = hours + ":" + minutes;
  document.getElementById("id1").appendChild(span);
  data.setMinutes(data.getMinutes()+12);
}