Forum PHP.pl > [JavaScript]Automatyczne wyswietlanie godziny

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Automatyczne wyswietlanie godziny

Star

27.12.2015, 17:40:24

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 :

00:00
00:12
00:24
00:36
00:48
01:00
01:12

itd. Jest na to jakaś metoda?

koodo218

27.12.2015, 18:54:06

[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

27.12.2015, 19:49:40

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);
}

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.