Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट के साथ चालू वर्ष को स्वचालित रूप से कैसे अपडेट करें

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

अधिकांश पुरानी वेबसाइटों और यहां तक ​​कि कुछ आधुनिक साइटों पर भी पाद लेख में HTML इस तरह दिखता है:

<span>© 2018 Company Name</span>
  • कॉपीराइट दावा © प्रतीक का उपयोग करके।
  • वर्तमान वर्ष।
  • कंपनी का नाम।

इस स्थिर टाइमस्टैम्प दृष्टिकोण का उपयोग करके, वेबसाइट के मालिक को हर साल प्रदर्शित वर्ष को मैन्युअल रूप से संपादित करना होगा। यह अव्यावहारिक है।

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

यह समय और संसाधनों की बर्बादी है।

पुराना टाइमस्टैम्प आपके ब्रांड को नुकसान पहुंचा सकता है

दुर्भाग्य से, चालू वर्ष प्रदर्शित न करने से यह आपकी वेबसाइट को पुराना बना देता है - भले ही वह न हो। अगर आप आज किसी वेबसाइट पर जाते हैं, लेकिन वेबसाइट का चालू वर्ष 2015 बताता है, तो इससे आपको आप क्या मिलेगा? सोचो?

बिल्कुल। यह आपको आश्चर्यचकित करता है कि क्या वेबसाइट अभी भी सक्रिय है।

आज के बाद, आपको अपनी साइट या अपने किसी क्लाइंट की वेबसाइट पर इस समस्या के बारे में चिंता करने की आवश्यकता नहीं होगी।

जावास्क्रिप्ट की getFullYear() पद्धति के साथ चालू वर्ष प्रदर्शित करें

ऊपर दिए गए HTML में आपके द्वारा देखे गए स्थिर टाइमस्टैम्प का उपयोग करने के बजाय, आइए मूल जावास्क्रिप्ट दिनांक विधि, getFullYear(): को जोड़कर इसे गतिशील बनाते हैं। हमारे पाद लेख के लिए।

सबसे पहले, अपने ब्राउज़र कंसोल (या कंसोल वाला कोई टेक्स्ट एडिटर) में निम्न कोड जोड़ें ताकि हम इसका परीक्षण कर सकें:

document.write(new Date().getFullYear());

एंटर दबाएं, और आप अपनी ब्राउज़र विंडो के ऊपरी बाएं कोने में वर्तमान तिथि देखेंगे।

जावास्क्रिप्ट के साथ चालू वर्ष को स्वचालित रूप से कैसे अपडेट करें

आप इस कोडपेन उदाहरण के अंदर फ़ंक्शन में कोड देख सकते हैं। एक कंसोल विंडो देखें।

अब जब हम जानते हैं कि यह काम करता है, तो आइए getFullYear() को लें ऊपर से कोड और इसे पहले से हमारे पाद लेख HTML के अंदर लपेटें:

<span>
  &copy;<script>document.write(new Date().getFullYear());</script> Company Name
</span>

परिणाम:

जावास्क्रिप्ट के साथ चालू वर्ष को स्वचालित रूप से कैसे अपडेट करें

बधाई हो, अब आपको अपने वर्ष के टाइमस्टैम्प को अप टू डेट रखने के बारे में चिंता करने की ज़रूरत नहीं है, जावास्क्रिप्ट यहाँ से ले लेता है।

मूल कॉपीराइट वर्ष और वर्तमान वर्ष दिखाएं

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

<span>
  &copy; 2016-<script>document.write(new Date().getFullYear());</script> Company
  Name
</span>

  1. जावास्क्रिप्ट के साथ स्वत:पूर्ण कैसे बनाएं?

    किसी प्रपत्र में स्वत:पूर्णता बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style>    * {       box-sizing: border-box;  

  1. जावास्क्रिप्ट के साथ टेक्स्ट को कैसे टॉगल करें?

    जावास्क्रिप्ट के साथ टेक्स्ट को टॉगल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe

  1. जावास्क्रिप्ट के साथ वर्तमान तत्व में एक सक्रिय वर्ग कैसे जोड़ें?

    जावास्क्रिप्ट के साथ वर्तमान तत्व में एक सक्रिय वर्ग जोड़ने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .btn {       border