Darmowe Forum
Kwiecień 28, 2024, 22:16:21 *
Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?

Zaloguj się podając nazwę użytkownika, hasło i długość sesji
Aktualności: Forum zostało uruchomione!
 
   Strona główna   Pomoc Zaloguj się Rejestracja  
Strony: [1]
  Drukuj  
Autor Wątek: 22_02_2019  (Przeczytany 1847 razy)
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« : Luty 22, 2019, 09:32:19 »

Skrypt wyświetlający  parametry daty.

<script> var dzisiaj = new Date();
  var dzien = dzisiaj.getDay();
  var rok=dzisiaj.getFullYear();
  var miesiac=dzisiaj.getMonth();
  var dzien_mies=dzisiaj.getDate();
  var lista_miesiecy=["Styczeń","Luty","Marzec","Kwiecień","Maj","Czerwiec","Lipiec","Sierpień","Wrzesień","Październik","Listopad","Grudzień"];
  var lista_dni = ["Niedziela","Poniedziałek","Wtorek","Środa","Czwartek","Piątek","Sobota"];
  document.writeln("Dzisiaj mamy : " + lista_dni[dzien] +".<br>");
  document.writeln(dzien_mies+","+lista_miesiecy[miesiac] +","+rok+".<br>");
  var godzina = dzisiaj.getHours();
  var minuta = dzisiaj.getMinutes();
  var sekunda = dzisiaj.getSeconds();
  var znacznik = (godzina >= 12)? " PM ":" AM ";
  godzina = (godzina >= 12)? godzina - 12: godzina;
  if (godzina===0 && znacznik===' PM ')
  {
  if (minuta===0 && sekunda===0)
  {
  godzina=12;
  znacznik=' północ';
  }
  else
  {
  godzina=12;
  znacznik=' PM';
  }
  }
  if (godzina===0 && znacznik===' AM ')
  {
  if (minuta===0 && sekunda===0)
  {
  godzina=12;
  znacznik=' Noc';
  }
  else
  {
  godzina=12;
  znacznik=' AM';
  }
  }
document.writeln("Aktualny czas : "+godzina +  " : " + minuta + " : " + sekunda+":"+znacznik);

</script>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #1 : Luty 22, 2019, 09:40:09 »

<script> var dzisiaj = new Date();
  var dzien = dzisiaj.getDay();
  var rok=dzisiaj.getFullYear();
  var miesiac=dzisiaj.getMonth();
  var dzien_mies=dzisiaj.getDate();
  var lista_miesiecy=["Styczeń","Luty","Marzec","Kwiecień","Maj","Czerwiec","Lipiec","Sierpień","Wrzesień","Październik","Listopad","Grudzień"];
  var lista_dni = ["Niedziela","Poniedziałek","Wtorek","Środa","Czwartek","Piątek","Sobota"];
  document.writeln("Dzisiaj mamy : " + lista_dni[dzien] +".<br>");
  document.writeln(dzien_mies+",  "+lista_miesiecy[miesiac] +",  "+rok+".<br>");
  var godzina = dzisiaj.getHours();
  var minuta = dzisiaj.getMinutes();
  var sekunda = dzisiaj.getSeconds();
  var znacznik = (godzina >= 12)? " PM ":" AM ";
  godzina = (godzina >= 12)? godzina - 12: godzina;
  if (godzina===0 && znacznik===' PM ')
  {
  if (minuta===0 && sekunda===0)
  {
  godzina=12;
  znacznik=' północ';
  }
  else
  {
  godzina=12;
  znacznik=' PM';
  }
  }
  if (godzina===0 && znacznik===' AM ')
  {
  if (minuta===0 && sekunda===0)
  {
  godzina=12;
  znacznik=' Noc';
  }
  else
  {
  godzina=12;
  znacznik=' AM';
  }
  }
document.writeln("Aktualny czas : "+godzina +  " : " + minuta + " : " + sekunda+":"+znacznik);

</script>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #2 : Luty 22, 2019, 11:33:26 »

Program z dynamicznym zegarkiem

<div class="zegar" id="zegarek">
<script>
function czas1(){
    var dane = new Date();
    var h = dane.getHours();
    var m = dane.getMinutes();
    var s = dane.getSeconds();
    var znacznik = "AM";
   
    if(h == 0){
        h = 12;
    }
   
    if(h > 12){
        h = h - 12;
        znacznik = "PM";
    }
   
    h = (h < 10) ? "0" + h : h;
    m = (m < 10) ? "0" + m : m;
    s = (s < 10) ? "0" + s : s;
   
    var czas = h + ":" + m + ":" + s + " " + znacznik;
    document.getElementById("zegarek").innerText = czas;
    document.getElementById("zegarek").textContent = czas;
   
    setTimeout(czas1, 1000);
   
}

czas1();
</script></div>


----------------------------------------------------------------------
Kod CSS

.zegar {
    position:absolute;
   width:300px;
    top: 5%;
    left: 20%;
    transform: translateX(-50%) translateY(-50%);
    color: #ffffff;
    font-size: 30px;
    font-family: Orbitron;
    letter-spacing: 7px;}

« Ostatnia zmiana: Luty 22, 2019, 11:35:30 wysłane przez admin » Zapisane
Strony: [1]
  Drukuj  
 
Skocz do:  

Powered by SMF 1.1.11 | SMF © 2006-2008, Simple Machines LLC | Sitemap

Polityka cookies
Darmowe Fora | Darmowe Forum

speedwaylm watahaniebieskiegoksiezyca only-frags japonia paladyni