अपनी वेबसाइट में घड़ी लगाएँ
शैली चुनें, टाइम ज़ोन तय करें, एक कोड कॉपी करें। घड़ी iframe के अंदर चलती है, इसलिए आपकी पेज के CSS या स्क्रिप्ट को छूती नहीं। कोई साइनअप नहीं, कुछ इंस्टॉल नहीं करना।
फ्लिप कार्ड
सादे अंक
इसे कैसे जोड़ें
- 1
कोड कॉपी करें
ऊपर दिया बटन इस्तेमाल करें। यह सामान्य HTML है — न बिल्ड स्टेप, न कोई पैकेज।
- 2
पेज में चिपकाएँ
जहाँ कच्चा HTML लिखा जा सकता है, वहाँ कहीं भी: कस्टम HTML ब्लॉक, कोड ब्लॉक, या थीम की टेम्पलेट फ़ाइल।
- 3
सेव करके रीलोड करें
घड़ी तुरंत दिख जाती है। न कुछ और सेट करना है, न आगे कभी अपडेट करना है।
कहाँ-कहाँ चलता है
कस्टम HTML ब्लॉक इस्तेमाल करें, या टेक्स्ट विजेट में चिपकाएँ।
पेज में Code Block जोड़ें और उसके अंदर कोड चिपकाएँ।
/embed लिखकर पूरा कोड नहीं, सिर्फ़ iframe का पता चिपकाएँ।
ऐसा क्लॉक विजेट जो आपका पेज धीमा नहीं करता
ज़्यादातर क्लॉक विजेट एक JavaScript लाइब्रेरी, एक वेब फ़ॉन्ट और किसी बाहरी सर्वर पर एक अनुरोध के साथ आते हैं। यह विजेट सिर्फ़ एक HTML फ़ाइल है, कंप्रेस करने पर लगभग 5 KB, जिसमें स्टाइल और लॉजिक इनलाइन हैं। यह iframe में लोड होता है, इसलिए आपके पेज का CSS बदल नहीं सकता, आपकी स्क्रिप्ट रोक नहीं सकता, और आगंतुक जो लिखते हैं उसे पढ़ नहीं सकता।
दो शैलियाँ हैं। फ्लिप कार्ड पुराने रेलवे डिपार्टचर बोर्ड जैसा स्प्लिट-फ्लैप प्रदर्शन दोहराते हैं, जिसमें हर अंक हल्की छाया के साथ आगे गिरता है। सादे अंक कार्ड हटा देते हैं और बड़े समान-चौड़ाई अंक दिखाते हैं, जो लेख पेजों और डैशबोर्ड के लिए ज़्यादा उपयुक्त है। दोनों एक ही आधार पर स्केल होते हैं, इसलिए बदलने पर लेआउट हिलता नहीं।
आप घड़ी को किसी भी IANA टाइम ज़ोन पर स्थिर कर सकते हैं, या आगंतुक के स्थानीय समय पर छोड़ सकते हैं। डेलाइट सेविंग ब्राउज़र के अपने टाइम ज़ोन डेटा से आती है, इसलिए Europe/London पर सेट घड़ी ब्रिटिश समर टाइम के बदलाव को अपने आप फ़ॉलो करती है। हमारी ओर से कुछ अपडेट नहीं करना पड़ता।
यह एम्बेड मुफ़्त है और मुफ़्त रहेगा। iframe के अंदर न कोई खाता है, न वॉटरमार्क।
अक्सर पूछे जाने वाले प्रश्न
क्या यह क्लॉक विजेट सच में मुफ़्त है?+
हाँ। न खाता, न भुगतान, न वॉटरमार्क, और कितनी भी घड़ियाँ लगाने की कोई सीमा नहीं। बस घड़ी के नीचे का लिंक बना रहे, इतना काफ़ी है।
क्या Clockhub लिंक रखना ज़रूरी है?+
इसे लागू नहीं किया जाता और हटाने पर भी घड़ी चलती रहती है। लेकिन इस परियोजना की आमदनी इसी से है, इसलिए गुज़ारिश है कि इसे रहने दें। आपके कॉपी किए कोड में यह पहले से शामिल है।
क्या iframe मेरा पेज धीमा करेगा?+
पूरा एम्बेड कंप्रेस करने पर लगभग 5 KB है, एक फ़ोटो से भी छोटा। साथ ही इसमें loading="lazy" लगा है, इसलिए ब्राउज़र इसे तब तक नहीं लाता जब तक यह स्क्रीन के पास न आ जाए।
क्या यह WordPress, Squarespace और Notion पर चलता है?+
WordPress और Squarespace पर चलता है — कस्टम HTML ब्लॉक या Code Block में पूरा कोड डालें। Notion का तरीका अलग है: वह HTML नहीं, URL एम्बेड करता है, इसलिए /embed ब्लॉक में सिर्फ़ iframe का पता डालें। उस स्थिति में श्रेय लिंक नहीं दिखेगा।
क्या मैं कोई दूसरा टाइम ज़ोन दिखा सकता हूँ?+
हाँ। सेटिंग में टाइम ज़ोन चुनें और कोड में tz पैरामीटर जुड़ जाएगा। कोई भी IANA नाम चलेगा, जैसे Asia/Kolkata या America/New_York।
अगर आगंतुक के डिवाइस की घड़ी ग़लत हो तो क्या सही समय दिखेगा?+
नहीं। घड़ी आगंतुक के डिवाइस का समय पढ़कर चुने हुए टाइम ज़ोन में बदलती है, इसलिए डिवाइस की घड़ी ग़लत हो तो समय भी ग़लत दिखेगा। सटीक समय देने के लिए हर बार पेज लोड पर सर्वर से पूछना पड़ता, जो 5 KB का आकार बनाए रखने के लिए हमने जानबूझकर नहीं किया।