विन्यास योग्य शब्द घड़ी सिम्युलेटर: 3 चरण

2024 लेखक: John Day | [email protected]. अंतिम बार संशोधित: 2024-01-30 09:19

यह वास्तव में एक निर्देश योग्य नहीं है। मैं अपनी खुद की वर्ड क्लॉक डिजाइन कर रहा हूं, और पहले एक वेब ऐप सिम्युलेटर बनाने का फैसला किया ताकि मैं ग्रिड को बाहर कर सकूं और परीक्षण कर सकूं कि यह दिन के विभिन्न समय में कैसा दिखता है। तब मुझे एहसास हुआ कि यह शब्द घड़ियों पर काम करने वाले अन्य लोगों के लिए उपयोगी हो सकता है, और इसे साझा करने का फैसला किया।

ऐप एक सिंगल शॉर्ट एचटीएमएल फाइल है। यदि आप इसे सहेजते हैं और उस पर डबल-क्लिक करते हैं, तो यह आपके ब्राउज़र में खुल जाएगा, और वर्तमान समय प्रदर्शित करना शुरू कर देगा। फिर अगर समय बदल गया है तो यह हर 10 सेकंड में डिस्प्ले को अपडेट करेगा।

एक टेक्स्ट फ़ील्ड भी है जहाँ आप किसी भी विशिष्ट समय में टाइप कर सकते हैं और देख सकते हैं कि यह आपके प्रोजेक्ट में कैसा दिखेगा।

हर किसी का वर्ड क्लॉक डिज़ाइन अलग होता है, इसलिए मैंने कोड को आसानी से कॉन्फिगर करने की कोशिश की। इसे कैसे करें, इस पर संकेतों के लिए अगले कुछ चरण देखें।

मुझे उम्मीद है कि आप इस मददगार को खोज लेंगे! हार्डवेयर के लिए प्रतिबद्ध होने से पहले लेआउट और शब्दों के साथ प्रयोग करने में सक्षम होना बहुत अच्छा है!

चरण 1: HTML फ़ाइल डाउनलोड करें

सिम्युलेटर एक सिंगल-फाइल वेब ऐप है। यह सिर्फ 200 लाइनों के नीचे है। आप द्वारा इसे यहां पर डाउनलोड किया जा सकता है।

(जीथब पर फ़ाइल को डाउनलोड करने के लिए वास्तव में कोई बटन नहीं है। लेकिन आप फ़ाइल सामग्री का चयन कर सकते हैं, कॉपी कर सकते हैं और अपने कंप्यूटर पर एक नई टेक्स्ट फ़ाइल में पेस्ट कर सकते हैं। फ़ाइल को कुछ नाम देना सुनिश्चित करें। html।)

आपके द्वारा इसे डाउनलोड करने के बाद, फ़ाइल पर डबल-क्लिक करें और यह आपके ब्राउज़र में एक टैब में लोड हो जाएगी। आपको शब्द ग्रिड में प्रदर्शित वर्तमान समय देखना चाहिए।

नोट: मैंने केवल विंडोज़ पर क्रोम का उपयोग करके ऐप का परीक्षण किया है।

चरण 2: ग्रिड संपादित करें

आप इस तरह दिखने वाले जावास्क्रिप्ट के टुकड़े को संपादित करके विभिन्न शब्द लेआउट आज़मा सकते हैं:

वर row_strs = ["यह है", "एक दो तीन", "चार पांच छह", "सात आठ", "नौ दस", "ग्यारह बारह", "ओह फाइव टेन", "फिफ्टीन ट्वेंटी", "ओ'क्लॉक थर्टी", " पैंतालीस फाइव", "दोपहर में", "रात की सुबह",];

यदि आप पंक्तियों को जोड़ते/हटाते हैं और पृष्ठ को पुनः लोड करते हैं, तो आपका ग्रिड बड़ा या छोटा होगा।

और यदि आप प्रत्येक पंक्ति में अधिक अक्षर जोड़ते हैं, तो आपका ग्रिड चौड़ा हो जाएगा। बस सुनिश्चित करें कि सभी पंक्तियों में अक्षरों की संख्या समान है।

आप देखेंगे कि ऊपर दिए गए कोड में स्ट्रिंग्स में रिक्त स्थान हैं, लेकिन वे ग्रिड में यादृच्छिक वर्णों में बदल जाते हैं। आप उन वर्णों के सेट को चुन सकते हैं जो इस तरह दिखने वाली पंक्ति को संपादित करके उन रिक्त स्थान को भरने के लिए यादृच्छिक रूप से उपयोग किए जाएंगे:

वर RANDCHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZ@#$%&";

चरण 3: शब्दांकन बदलें

यदि आप अलग-अलग वाक्यांशों का उपयोग करना चाहते हैं तो आपको यह जानना होगा कि कोड कैसे लिखना है। तर्क जो एक तिथि लेता है और उसे शब्दों में बदल देता है वह dateToSentence() नामक फ़ंक्शन में होता है।