Powiadomienia HTML Prosta strona HTML do wyświetlania powiadomień w czasie rzeczywistym.
Na stronie znajdują się trzy obszary do wyświetlania informacji: aktualna godzina, aktualne powiadomienie oraz informacje o następnym powiadomieniu wraz z odliczaniem czasu.
Opis Struktury Pliku
index.html: Główny plik HTML zawierający strukturę strony.
style.css: Arkusz stylów definiujący wygląd strony.
script.js: Skrypt JavaScript obsługujący aktualizację czasu i powiadomień w czasie rzeczywistym.
Wykorzystane Technologie
HTML5
CSS3
JavaScript
Struktura HTML Aktualna Godzina: Obszar wyświetlający aktualną godzinę.
Aktualne Powiadomienie: Obszar, w którym pojawiają się aktualne powiadomienia z efektem migotania.
Następne Powiadomienie: Informacje o następnym planowanym powiadomieniu.
Odliczanie: Pozostały czas do następnego powiadomienia.
Stylizacja CSS
Użyto kilku prostych stylów CSS do ustalenia wyglądu strony.
Zdefiniowano animacje, takie jak migotanie i zmiana koloru tła podczas powiadomień.
Skrypt JavaScript
Zdefiniowano tablicę powiadomienia zawierającą planowane powiadomienia na cały tydzień.
Funkcja aktualizujCzasIPowiadomienia aktualizuje wyświetlane informacje w czasie rzeczywistym.
Wykorzystano obiekty Date do manipulacji czasem i datą.
Dodano efekt migotania dla aktualnego powiadomienia i zmiany tła w trakcie powiadomienia.
Uruchomienie
Strona automatycznie uruchamia funkcję aktualizacji po załadowaniu, aktualizując informacje co sekundę.
podglad dostepny na https://dlg94.github.io/dg/