javascript - value of will be the value from the localStorage -

& lt; मीटर & gt; का मान कैसे बना सकता है HTML55 में स्थानीय स्टोरेज जावास्क्रिप्ट? जब भी मैं अपना ब्राउज़र रीफ़्रेश करता हूं, स्थानीय स्टोरेज में मान निरंतर होता है, लेकिन मीटर अपने अंतिम स्थान को बनाए रखने के बजाय 100 या पूर्ण हो जाता है।

html के लिए कोड:

  & lt; मीटर आईडी = "जीवनशैली" न्यूनतम = 0 अधिकतम = 100 मान = 100 & gt; & lt; / मीटर & gt;   
 स्थानीय स्टोरेज के लिए जेएस कोड:  
  localStorage.setItem ("जीवन", document.getElementById ("जीवनबार")। मान);   
 किसी भी मदद की सराहना की जाएगी धन्यवाद।   
 
 
 यहाँ एक तरीका है कि आप एक पृष्ठ को लागू कर सकते हैं जो पृष्ठ पुनः लोड द्वारा 'अप्रभावित' है - < / P> 
 उदाहरण के लिए:  
  var मान; Var मीटर = दस्तावेज़.getElementById ('myMeter'); फ़ंक्शन initMeter () {// यदि कोई हो, तो पिछला मान पढ़ा या 0 मान से शुरू करें = localStorage.getItem ('value'); यदि (मान === नल) मान = 0; // मूल्य मीटर के साथ अद्यतन मीटर या inited मीटर .setAttribute ('मान', मान); } // डेमो लूप फ़ंक्शन डेमो प्रगति () {// अपडेट करें मीटर पर स्क्रीन मीटर.सेटअेटिवेट ('मान', मान ++); // जब हम अधिकतम तक पहुंच गए हैं, तो कुछ ट्रिगर करें // यहां हम डेमो के लिए दोहराते हैं यदि (मान === 100) मान = 0; // ट्रिगर पूरा करें .. // स्थानीय मूल्य को स्थानीय स्तर पर सहेजें- localStorage.setItem ('मान', मान); // लूप सेट टाइमआउट के लिए (डेमो प्रोग्रेस, 300); } // init मीटर और शुरू करें लूप initMeter (); demoProgress ();   
 वर्किंग डेमो (पृष्ठ को पुनः लोड करने के लिए हिट चलाएं और देखें कि प्रगति बार उस स्थान से जहां से यह छोड़ा गया है):