Konfiqurasiya edilə bilən Word Clock Simulator: 3 addım

2024 Müəllif: John Day | [email protected]. Son dəyişdirildi: 2024-01-30 07:43

Bu dəqiq bir təlimat deyil. Şəxsi Word Saatımı tərtib edirəm və əvvəlcə bir şəbəkə qurmaq və günün müxtəlif vaxtlarında necə göründüyünü yoxlamaq üçün bir veb tətbiq simulyatoru qurmağa qərar verdim. Sonra bunun söz saatı üzərində işləyən digər insanlar üçün faydalı ola biləcəyini anladım və paylaşmaq qərarına gəldim.

Tətbiq qısa bir HTML faylıdır. Yadda saxlasanız və üzərinə iki dəfə basarsanız, brauzerinizdə açılacaq və cari saatı göstərməyə başlayacaq. Sonra vaxt dəyişərsə ekranı hər 10 saniyədə bir yeniləyəcək.

İstənilən vaxt yaza biləcəyiniz və layihənizdə necə görünəcəyini görə biləcəyiniz bir mətn sahəsi də var.

Hər kəsin söz saatı dizaynı fərqlidir, buna görə kodu asanlıqla konfiqurasiya etməyə çalışdım. Bunun necə ediləcəyinə dair göstərişlər üçün növbəti bir neçə addıma baxın.

Ümid edirəm bunu faydalı tapacaqsınız! Təchizata başlamazdan əvvəl layouts və ifadələrlə sınaqdan keçmək çox gözəldir!

Addım 1: HTML faylını yükləyin

Simulyator tək fayllı bir veb tətbiqidir. Cəmi 200 sətrin altındadır. Buradan yükləyə bilərsiniz.

(Github -da faylı yükləmək üçün həqiqətən bir düymə yoxdur. Ancaq faylın məzmununu seçib kopyalayıb kompüterinizdə yeni bir mətn faylına yapışdıra bilərsiniz. Faylın adını bir şey.html qoymağı unutmayın.)

Yüklədikdən sonra faylı iki dəfə vurun və brauzerinizin bir sekmesinde yüklənəcək. Bir söz cədvəlində göstərilən cari vaxtı görməlisiniz.

Qeyd: Tətbiqi yalnız Windows -da Chrome istifadə edərək sınadım.

Addım 2: Şəbəkəni düzəldin

Aşağıdakı kimi görünən Javascript parçasını düzəldərək fərqli söz düzənlərini sınaya bilərsiniz:

var row_strs = ["BU İD", "BİR İKİ ÜÇ ÜÇ", "DÖRD BEŞ ALTI", "YEDDİ SƏKİZ", "Doqquz On", "Onbir On İki", "OH BEŞ ON", "Onbeş Yirmi", "Saat Otuz", "Qırx əlli beş", "günortadan sonra", "gecə səhəri",];

Satırlar əlavə etsəniz/silsəniz və səhifəni yenidən yükləsəniz, ızgaranız daha böyük və ya daha kiçik olacaq.

Və hər sıraya daha çox hərf əlavə etsəniz, cədvəliniz daha da genişlənər. Sadəcə bütün sətirlərin eyni sayda hərflərə malik olduğundan əmin olun.

Yuxarıdakı koddakı sətirlərin boşluqlar olduğunu görürsünüz, ancaq bunlar ızgarada təsadüfi simvollara çevrilir. Bu boşluqları doldurmaq üçün təsadüfi olaraq istifadə ediləcək simvol dəstini bu kimi görünən xətti düzəldərək seçə bilərsiniz:

var RANDCHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZ@#$%&";

Addım 3: Sözləri dəyişdirin

Fərqli ifadələr istifadə etmək istəyirsinizsə, kodun necə yazılacağını bilməlisiniz. Tarixi götürüb sözə çevirən məntiq, dateToSentence () adlı funksiyadadır.