छोटा काम तारीख को प्रिंट करना है

मैं एक साधारण कार्य के बारे में बात करना चाहता हूं - Mail.Ru के मुख्य पृष्ठ पर दिनांक प्रदर्शित करना। छोटा कार्य, गैर-तुच्छ समाधान।



माथे का हल:

function print_date(date){ return date.getDate() + ' ' + getMonth(date.getMonth()) … } print_date( new Date() ); 

हाल ही में, पृष्ठ पर एक और ब्लॉक दिखाई दिया। विश्व हॉकी चैंपियनशिप शुरू हो गई है, और मैच की शुरुआत को कम करना आवश्यक है। लेकिन प्रत्येक उपयोगकर्ता के लिए समय उसके समय क्षेत्र के साथ सिंक्रनाइज़ होना चाहिए।



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

 print_date( new Date(timestamp) ); 

हालांकि, उपयोगकर्ता के क्षेत्र को स्वचालित रूप से सही ढंग से निर्धारित करना हमेशा संभव नहीं होता है। उदाहरण के लिए, हमारे क्षेत्र में मेरे घर प्रदाता ने एक सीमा से आईपी पते जारी करना शुरू कर दिया जो उसके पास नहीं था। सभी पोर्टल्स ने मुझे हमारे ग्रह पर अलग-अलग स्थानों की पेशकश की, लेकिन वे सभी एक बात पर सहमत हुए: मैं निश्चित रूप से मास्को से बहुत दूर स्थित हूं। यह ऐसी स्थितियों के लिए है जो हम उपयोगकर्ता को अपने दम पर शहर चुनने का सुझाव देते हैं।

स्वाभाविक रूप से, सभी तिथियों को चयनित शहर के साथ सिंक्रनाइज़ किया जाना चाहिए, जिसका अर्थ है कि ग्रीनविच के सापेक्ष उपयोगकर्ता की वर्तमान ऑफसेट गलत हो सकती है।

हमारे पास मैच की शुरुआत और चयनित शहर के समय क्षेत्र के लिए एक टाइमस्टैम्प है। क्लाइंट पर, एक तारीख बनाएं और वर्तमान उपयोगकर्ता ऑफसेट और चयनित शहर में ऑफसेट के बीच अंतर द्वारा इसे स्थानांतरित करें।

 var date = new Date(timestamp); date.setMinutes(town_offset + date.getTimezoneOffset()) print_date(date) 

क्यों city_offset और date.getTimezoneOffset () के बीच प्लस यहां पाया जा सकता है: developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date/getTimezoneOffset#Description

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

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

 var date = new Date(); date.setMinutes(town_offset + date.getTimezoneOffset()) print_date(date) 

और इसका मतलब है कि हम उपयोगकर्ता कंप्यूटर के टाइमस्टैम्प का उपयोग करते हैं। उपयोगकर्ता मैन्युअल रूप से अपनी घड़ी का अनुवाद कर सकता है, और फिर हमें एक गलत वर्तमान टाइमस्टैम्प मिलता है। इसलिए, हमें सर्वर से वर्तमान टाइमस्टैम्प को भी स्थानांतरित करना होगा।

 var date = new Date(server_timestamp); date.setMinutes(town_offset + date.getTimezoneOffset()) print_date(date) 

लेकिन यह अंत नहीं है - मुख्य पृष्ठ पर घड़ी टिक होनी चाहिए, भले ही हम उपयोगकर्ता टाइमस्टैम्प पर भरोसा नहीं कर सकते, लेकिन आप पेज लोडिंग के सापेक्ष टाइमस्टैम्प ऑफसेट पर भरोसा कर सकते हैं। तथ्य यह है कि उपयोगकर्ता अपनी स्थानीय घड़ी को सटीक रूप से हिट करेगा बीच में एक को देखने के समाचार को नहीं रखा जाएगा।

 var begin = new Date().getTime(); function get_delta(){ return new Date().getTime() - begin; } function update_time(){ var date = new Date(server_timestamp + get_delta()); date.setMinutes(town_offset + date.getTimezoneOffset()) print_date(date) } 

एंड्री सूमिन
Mail.Ru क्लाइंट डेवलपमेंट मैनेजर, Mail.Ru Group

Egor Dydykin
टीम लीडर डेवलपमेंट टीम Mail.Ru पोर्टल, Mail.Ru Group