Odliczanie skrypt

Witam,
Szukam pomocy przy odliczaniu, chciałbym aby dodać kolor, wielkość czcionki i napis np. Start za...

Kod:

---

<div id="zostalo">Div w którym pojawi się odliczany czas</div>

<script>
var current="On-line"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var zostalo = document.getElementById("zostalo");
function countdown(yr,m,d){
theyear=yr;themonth=m;theday=d
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000) todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[m-1]+" "+d+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
        if(dday<=0&&dhour<=0&&dmin<=0){
        zostalo.innerHTML=current
        return
        }else if(dday<=0&&dhour<=0){
        zostalo.innerHTML=dmin+" minut, i "+dsec+" sekund"
        setTimeout("countdown(theyear,themonth,theday)",1000)
        }else if(dday<=0){
        zostalo.innerHTML=dhour+" godzin, "+dmin+" minut, i "+dsec+" sekund"
        setTimeout("countdown(theyear,themonth,theday)",1000)
        }else{
        zostalo.innerHTML=dday+ " Dni, "+dhour+" godzin, "+dmin+" minut, i "+dsec+" sekund"
        setTimeout("countdown(theyear,themonth,theday)",1000)
        }
}
//Odpalamy date z parametrami rok/miesiąc/dzień
countdown(2009,10,09)
</script>

---

Dodam że zależy mi także na dodaniu od której godziny ma być start :) :)

Dzięki Aris

To spytaj na jakims forum

Czcionkę, kolor, wielkość już dodałem.
Najbardziej zależy mi na dodaniu godziny od której ma być start.

Kod:

---

        zostalo.innerHTML=dmin+" minut, i "+dsec+" sekund"
        zostalo.innerHTML=dhour+" godzin, "+dmin+" minut, i "+dsec+" sekund"
        zostalo.innerHTML=dday+ " Dni, "+dhour+" godzin, "+dmin+" minut, i "+dsec+" sekund"

---

tu masz linijki ktore musisz zmienic zeby se dodac co ma byc wyswietlane.
jaka chcesz "start za" to po prostu dopisujesz na początku kazdej po znaku rownosci se dopisujesz "Start za :"+
a jak chcesz miec te date kiedy start to wykorzystujesz do tego zmienne ktore sa podane tutaj theyear=yr;themonth=m;theday=d
czyli jak chcesz np
Serwer startuje 20.12.2020
Start za: 5 dni, 23 godzin, 59 minut, 41 sekund

to se powinno to wyglądać tak(to jest linijka która się wyświetla jak jest więcej niz 1 dzień, musisz zmienić wszystkie 3 linijki co powyżej):
zostalo.innerHTML="Serwer startuje "+d+"."+m+"."+yr+"<br>Start za: "+dday+ " Dni, "+dhour+" godzin, "+dmin+" minut, i "+dsec+" sekund"+theyear

oczywiście można to zrobić dużo lepiej ale dla cb to wystarczy więc chuj w to jak mozna to zrobic

ghenov dla ndka

Napis "Start za:" już jest ok, ale nie mogę ustawić godziny.
Tutaj jest tylko na jaki rok, miesiac i dzien a godziny nie ma aby można było ustawić :)
//Odpalamy date z parametrami rok/miesiąc/dzień
countdown(2020,10,10)

wez se po prostu najprostszy licznik z googla a nie przerabiaj ten syf

Kod:

---

<p id="demo"></p>

<script>
var countDownDate = new Date("Oct 2, 2020 15:14:25").getTime();
var x = setInterval(function() {
  var now = new Date().getTime();
  var distance = countDownDate - now;
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  if(days<=0&&hours<=0&&minutes<=0){
  document.getElementById("demo").innerHTML ="Start za: " + seconds + "s ";
  } else if (days<=0&&hours<=0){
  document.getElementById("demo").innerHTML ="Start za: " + minutes + "m " + seconds + "s ";
  } else if (days<=0){
  document.getElementById("demo").innerHTML ="Start za: " + hours + "h " + minutes + "m " + seconds + "s ";
  } else {
  document.getElementById("demo").innerHTML ="Start za: " + days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
  }
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "Online";
  }
}, 1000);
</script>

---

Cytuj:

---

moth napisał

wez se po prostu najprostszy licznik z googla a nie przerabiaj ten syf

Kod:

---

<p id="demo"></p>

<script>
var countDownDate = new Date("Oct 2, 2020 15:14:25").getTime();
var x = setInterval(function() {
  var now = new Date().getTime();
  var distance = countDownDate - now;
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  if(days<=0&&hours<=0&&minutes<=0){
  document.getElementById("demo").innerHTML ="Start za: " + seconds + "s ";
  } else if (days<=0&&hours<=0){
  document.getElementById("demo").innerHTML ="Start za: " + minutes + "m " + seconds + "s ";
  } else if (days<=0){
  document.getElementById("demo").innerHTML ="Start za: " + hours + "h " + minutes + "m " + seconds + "s ";
  } else {
  document.getElementById("demo").innerHTML ="Start za: " + days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
  }
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "Online";
  }
}, 1000);
</script>

---

---

to chyba nie wezmie pod uwage stref czasowych, tylko czas systemowy

Cytuj:

---

Brush napisał

to chyba nie wezmie pod uwage stref czasowych, tylko czas systemowy

---

sugerowanie że dla op to robi różnice xd
no ale dobra, niech będzie z uwzględnieniem UTC

Kod:

---

<script>
var countDownDate = new Date("Oct 3, 2020 15:14:25").getTime();
var x = setInterval(function() {
  var t = new Date();
  var utc = new Date(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate(),  t.getUTCHours(), t.getUTCMinutes(), t.getUTCSeconds());
  var distance = countDownDate - utc;
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  if(days<=0&&hours<=0&&minutes<=0){
  document.getElementById("demo").innerHTML ="Start za: " + seconds + "s ";
  } else if (days<=0&&hours<=0){
  document.getElementById("demo").innerHTML ="Start za: " + minutes + "m " + seconds + "s ";
  } else if (days<=0){
  document.getElementById("demo").innerHTML ="Start za: " + hours + "h " + minutes + "m " + seconds + "s ";
  } else {
  document.getElementById("demo").innerHTML ="Start za: " + days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
  }
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "Online";
  }
}, 1000);
</script>

---

Super skrypt dziękuję i temat do zamknięcia. :)