🧑🏼‍🤝‍🧑🏼 👋🏾 ⏺️ शुद्ध जावास्क्रिप्ट व्यक्तिगत समय काउंटर 🍍 🙍🏼 💭

कभी-कभी आपको एकल पृष्ठ पृष्ठों या साइटों पर प्रत्येक आगंतुक के लिए व्यक्तिगत रूप से एक उलटी गिनती लागू करने की आवश्यकता होती है - प्लगइन्स स्थापित किए बिना और पुस्तकालयों को जोड़ने के लिए (उदाहरण के लिए, jQuery)। इस समस्या को हल करने के लिए, मैंने शुद्ध जावास्क्रिप्ट में एक काउंटर विकसित किया।
यह काउंटर निम्नानुसार काम करता है:

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

अब हम स्वयं ही काउंटर कोड का विश्लेषण करेंगे।
आरंभ करने के लिए, मैंने कुकी पढ़ना और लिखना इस तरह लिखा है:

//  Cookie function getCookie(c_name) { var i, x, y, ARRcookies = document.cookie.split(";"); for (i = 0; i < ARRcookies.length; i++) { x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("=")); y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1); x = x.replace(/^\s+|\s+$/g, ""); if (x == c_name) { return unescape(y); } } } //  Cookie function setCookie(c_name, value, exdays) { var exdate = new Date(); exdate.setDate(exdate.getDate() + exdays); var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString()); document.cookie = c_name + "=" + c_value; }

फिर मैंने ऊपर रिकॉर्ड किए गए कुकी फ़ंक्शंस का उपयोग किया और जाँच की कि क्या "बिग डे" नाम के साथ कुकी में पहले से रिकॉर्ड किए गए मान थे।

 //     var str = getCookie('Big Day'); //  Cookie if(!str) //   Cookie     { var BigDay = new Date(); BigDay.setMinutes(BigDay.getMinutes()+1); //      setCookie('Big Day', BigDay, 3); //  Cookie }else{ BigDay = new Date(str); }

काउंटडाउन पूरा होने का समय ज्ञात होने के बाद, काउंटडाउन की समाप्ति तक शेष समय की गणना की जाती है। लेकिन काउंटर के डिजाइन को और अधिक अनुकूलित करने में सक्षम होने के लिए, हम समय को सेकंड तक कम करते हैं।

 //         var today = new Date(); var diff = BigDay - today; var countdown4 = Math.round(diff / 1000) //

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

स्क्रिप्ट का छिपा हुआ हिस्सा

 //       :  :  :  function convert_to_time(secs) { secs = parseInt(secs); hh = secs / 3600; hh = parseInt(hh); mmt = secs - (hh * 3600); mm = mmt / 60; mm = parseInt(mm); ss = mmt - (mm * 60); if (hh > 23) { dd = hh / 24; dd = parseInt(dd); hh = hh - (dd * 24); } else { dd = 0; } if (ss < 10) { ss = "0" + ss; } if (mm < 10) { mm = "0" + mm; } if (hh < 10) { hh = "0" + hh; } if (dd == 0) { return (hh + ":" + mm + ":" + ss); } else { if (dd > 1) { return (dd + " day " + hh + ":" + mm + ":" + ss); } else { return (dd + " day " + hh + ":" + mm + ":" + ss); } } }

अब हम कलमों को सफल बनाते हैं और स्क्रिप्ट के ग्राफिक हिस्से में जाते हैं। यहां पृष्ठ पर प्रदर्शित करने के लिए क्या है की एक जाँच है - शेष समय के साथ एक टाइमर या एक संदेश जिसे टाइमर 0:00:00 तक गिना जाता है।

 //  -         do_cd4 = function() { if (countdown4 < 0) { document.getElementById('cd4').innerHTML = " !"; } else { document.getElementById('cd4').innerHTML = convert_to_time(countdown4); setTimeout('do_cd4()', 1000); } countdown4 = countdown4 - 1; }

और अंत में - हम अपने काउंटर पर शैलियों को असाइन करते हैं और इसे जावास्क्रिप्ट फ़ाइल कनेक्शन स्थान पर आउटपुट करते हैं, जिसके अंदर काउंटर का पूरा कोड वास्तव में स्थित होता है।

 document.write("<div id='cd4' style='text-align: center; font-size: 40pt'></div>\n"); //     do_cd4(); //

यह सब है, मीटर तैयार है "काम और रक्षा के लिए।"

आप इस लिंक (github.com) पर स्क्रिप्ट डाउनलोड कर सकते हैं।

शुद्ध जावास्क्रिप्ट व्यक्तिगत समय काउंटर

More articles: