Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

[JS] funkcja wyświetlająca teks o danej godzinie w skrypcie z data & godzina

#1
[JS] funkcja wyświetlająca teks o danej godzinie w skrypcie z data & godzina
Witam
Tak jak w temacie. Chciał bym utworzyć funkcję (wydaje mi się że to najlepsze rozwiązanie) która wyświetli dany tekst o danej godzinie.
Załóżmy że chcę aby między 6 a 12 przy godzinie pisało "dzień dobry bardzo"

A o to mój skrypt do którego chcę uzyskać taki efekt:
Kod:
function zegar()
{

        var teraz=new Date();

    function zero(liczba)
    { return liczba=(liczba < 10)? "0"+liczba : liczba; }

    
            //CZAS
        var godzina = zero(teraz.getHours());
        var minuta = zero(teraz.getMinutes());
        var sekunda = zero(teraz.getSeconds());
        document.getElementById('czas').innerHTML =
            ('<abbr title="CZAS JEST MIERZONY WEDŁUG TWOJEGO KOMPUTERA"; style="cursor:help">Mamy teraz godzinę: </abbr> ')
            + godzina + ':' + minuta + ':' + sekunda;

        setTimeout("zegar()",1000);


            //DATA
        var nazwa = new Array('pon.', 'wt.', 'Śr.', 'cz.', 'pt.', 'sb.', 'nd.');
        var tydzień = nazwa[teraz.getDay()];
        var dzien = zero(teraz.getDate());
        var miesiac = zero(teraz.getMonth()+1);
        var rok = teraz.getFullYear();
        document.getElementById('data').innerHTML =
            ('<abbr title="CZAS JEST MIERZONY WEDŁUG TWOJEGO KOMPUTERA"; style="cursor:help">Dziś jest: </abbr> ')
            + tydzień + ' ' + dzien + '.' + miesiac + '.' + rok + 'r.' + ' ';
}

Da się coś takiego uzyskać ??

Dziękuje bardzo za pomoc i pozdrawiam.
 System operacyjny: linux_ubuntu Przeglądarka: firefox
#2
RE: [JS] funkcja wyświetlająca teks o danej godzinie w skrypcie z data & godzina
JavaScript nie jest specjalnie trudny, tutaj jest fajny kurs: http://htmldog.com/guides/javascript/

Dodaj gdzieś przed skryptem:
Kod:
<div id="powitanie"></div>
Czy co tam chcesz, ogólnie coś z id "powitanie" (możesz je oczywiście zmienić, ale zmień je potem też w skrypcie).

I na końcu funkcji zegar:
Kod:
var godzina = new Date().getHours();
if ((godzina > 5) && (godzina < 13)) {
    document.getElementById('powitanie').innerHTML = 'Dzień dobry bardzo';
}
 System operacyjny: linux Przeglądarka: iceweasel
#3
RE: [JS] funkcja wyświetlająca teks o danej godzinie w skrypcie z data & godzina
pierwsza wersja skryptu bez teksu po czsie:

Kod:
function zegar()
{

        var teraz=new Date();

    function zero(liczba)
    { return liczba=(liczba < 10)? "0"+liczba : liczba; }

    
            //CZAS
        var godzina = zero(teraz.getHours());
        var minuta = zero(teraz.getMinutes());
        var sekunda = zero(teraz.getSeconds());
        document.getElementById('czas').innerHTML =
            ('<abbr title="CZAS JEST MIERZONY WEDŁUG TWOJEGO KOMPUTERA"; style="cursor:help">Mamy teraz godzinę: </abbr> ')
            + godzina + ':' + minuta + ':' + sekunda;

        setTimeout("zegar()",1000);


            //DATA
        var nazwa = new Array('pon.', 'wt.', 'Śr.', 'cz.', 'pt.', 'sb.', 'nd.');
        var tydzień = nazwa[teraz.getDay()];
        var dzien = zero(teraz.getDate());
        var miesiac = zero(teraz.getMonth()+1);
        var rok = teraz.getFullYear();
        document.getElementById('data').innerHTML =
            ('<abbr title="CZAS JEST MIERZONY WEDŁUG TWOJEGO KOMPUTERA"; style="cursor:help">Dziś jest: </abbr> ')
            + tydzień + ' ' + dzien + '.' + miesiac + '.' + rok + 'r.' + ' ';
}

druga wersja skryptu z tekstami przed czasem:

Kod:
function zegar() {

    var teraz=new Date();

    function zero(liczba)
    { return liczba=(liczba < 10)? "0"+liczba : liczba; }
    
    
            //CZAS
    var godzina = zero(teraz.getHours());
    var minuta = zero(teraz.getMinutes());
    var sekunda = zero(teraz.getSeconds());
    if (godzina > 0 && godzina < 6 ) godzina = 'Ojej - to był tylko sen?... - '  + godzina;
    if (godzina >= 6 && godzina < 9 ) godzina = 'Zaczyna się kolejny dzień - '  + godzina;
    if (godzina >= 9 && godzina < 19 ) godzina = 'Kolejny piękny dzionek - '  + godzina;
    if (godzina >= 19 && godzina < 23 ) godzina = 'No to mamy nocke. Witam w świecie snu - '  + godzina;

    document.getElementById('czas').innerHTML =
            ('<abbr title="CZAS JEST MIERZONY WEDŁUG TWOJEGO KOMPUTERA"; id="czas_js">')
            + godzina + ':' + minuta + ':' + sekunda; ('</abbr>')
        

    setTimeout("zegar()",1000);


            //DATA
    var nazwa = new Array('Poniedziałek - ', 'Wtorek - ', 'Środa - ', 'Czwartek - ', 'Piątek - ', 'Sobota - ', 'Niedziela - ');
    var tydzien = nazwa[teraz.getDay()-1];
    var dzien = zero(teraz.getDate());
    var miesiac = zero(teraz.getMonth()+1);
    var rok = teraz.getFullYear();
        
    document.getElementById('data').innerHTML =
            ('<abbr title="DATA JEST MIERZONY WEDŁUG TWOJEGO KOMPUTERA"; id="data_js">')
            + tydzien + dzien + '.' + miesiac + '.' + rok + 'r. '; ('</abbr> ') }

chciał bym uzyskać teraz efekt taki: 13:13:56 - Kolejny piękny dzionek

wie ktoś jak coś takiego zrobić??
 System operacyjny: linux_ubuntu Przeglądarka: firefox
Programy: Polecane / Nowe / Inne



Użytkownicy forum szukali:
danejskrypt wyswietlajacy co dzien inne foto

Podobne wątki ([JS] funkcja wyświetlająca teks o danej godzinie w skrypcie z data & godzina)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Data i Czas - Javascript misiek1111 0 1661 27.11.2014, 20:44
Ostatni post: misiek1111
  [PHP] Wyszukanie plików utworzonych w ostatniej godzinie loloa 1 698 28.01.2014, 00:16
Ostatni post: Sebuś'ik
  Jak znaleźć podstronę w moim skrypcie? Hell555 2 2847 10.11.2013, 21:01
Ostatni post: kamil77

Skocz do:


Wybrane wątki ([JS] funkcja wyświetlająca teks o danej godzinie w skrypcie z data & godzina)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Złe działanie skyrptu php/formularze bartek164 0 7693 16.01.2018 17:14
Ostatni post: bartek164
  Poszukuję kodu do strony na wybór wejścia Ganjax15 4 8615 15.01.2018 12:21
Ostatni post: Ganjax15
  Dziwna zmienna dodawana w nazwie postów? stasiowin 2 7843 12.01.2018 09:50
Ostatni post: raxer
  Jaki kod pod taką stronę? aktywny27 11 18181 10.01.2018 19:36
Ostatni post: Ajgor
  Prośba o stworzenie strony internetowej. Matiexis 0 7203 08.01.2018 19:59
Ostatni post: Matiexis
  Zmiana wyglądu ''index of'' w XAMPP'ie domeczegg 3 6829 06.01.2018 13:14
Ostatni post: domeczegg
  Skąd za darmo podbrać wtyczki flash na stronę html5 ? aktywny27 0 6804 28.12.2017 10:01
Ostatni post: aktywny27
  Wybór pomiędzy dwoma hostingami-te same oczekiwania ale inne paramerty i cena raxer 4 6899 26.12.2017 10:31
Ostatni post: raxer
  Przetwarzanie arkusza stylów się nie powiodło bartek164 0 6317 22.12.2017 20:03
Ostatni post: bartek164
  Problem ze spamem - recaptcha Tazz 5 10471 22.12.2017 17:37
Ostatni post: Ajgor
  Problem z kodem po zmianie nazwy linku. yansowy 8 6590 12.12.2017 12:26
Ostatni post: yansowy
  Jak zrobić stronę do sprzedaży plików modeli 3d Kristoffer 3 6406 08.12.2017 16:10
Ostatni post: Kristoffer
  Awin opinie breko 6 8980 30.11.2017 12:43
Ostatni post: breko
  zmiana preferowanej wersji domeny google + all in one seo pack Lukaskov 0 5620 30.11.2017 06:03
Ostatni post: Lukaskov
  Czy to oszustwo? bartek164 5 5817 28.11.2017 23:58
Ostatni post: raxer