javascript - How can I display a timer counting for 10 seconds -

मेरी वेबसाइट में यह जावास्क्रिप्ट कोड है:

  & lt;! DOCTYPE html & gt; & LT; html & gt; & Lt; शीर्ष & gt; & Lt; शीर्षक & gt; चित्र बदलें & lt; / title & gt; & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" & gt; फ़ंक्शन प्रदर्शन अगला इमेज () {x = (x === images.length - 1)? 0: x + 1; Document.getElementById ("img")। Src = चित्र [x]; } फ़ंक्शन डिस्प्लेप्रदर्शित छवि () {x = (x & lt; = 0)? Images.length - 1: x - 1; Document.getElementById ("img")। Src = चित्र [x]; } समारोह startTimer () {setInterval (displayNextImage, 10000); } Var images = [], x = -1; चित्र [0] = "http://newsxpressmedia.com/files/theme/radar000116.Gif"; चित्र [1] = "http://newsxpressmedia.com/files/theme/radarClosed.gif"; & Lt; / स्क्रिप्ट & gt; & Lt; / head & gt; & Lt; body onload = "startTimer ()" & gt; & Lt; img id = "img" src = "http://newsxpressmedia.com/files/theme/radar000005.gif" & gt; & Lt; बटन onclick = "displayPreviousImage ()" & gt; पिछला & lt; / button & gt; & Lt; बटन onclick = "displayNextImage ()" & gt; अगला & lt; / बटन & gt; & Lt; / body & gt; & Lt; / html & gt;  

मैं प्रत्येक छवि से ऊपर चाहता हूँ कि टाइमर को इस प्रारूप में 10 से 10 सेकंड तक गिनता है। 00:00 मिनटों के पहले 00 और सेकंड के लिए दूसरा 00।

इस मामले में केवल सेकंड्स हैं लेकिन मैं 00:00 दिखाना चाहता हूं और केवल सही 00 गिनती होगी क्योंकि यह केवल सेकंड्स है।

और प्रत्येक 10 सेकंड में टाइमर रीसेट करें और दिखाया गया चित्र बदल जाएगा।

ठीक है, इस कोड का उपयोग करने की कोशिश करें यह आपकी मदद करेगा: < / P>

JAVASCRIPT:

  var काउंटर = 0; SetInterval (फ़ंक्शन () (यदि (काउंटर & lt; 10) ++ काउंटर; दूसरा काउंटर = 0; दस्तावेज़.getElementById ("count")। InnerHTML = "00:" + काउंटर;}, 1000);  

HTML:

  & lt; p id = "count" & gt; & lt; / p & gt;  

आप इसका परीक्षण कर सकते हैं।

संपादित करें:

और इसे बनाने के लिए अपने प्रश्न को फिट करने के लिए इस फ़ंक्शन का उपयोग करने का प्रयास करें:

  फ़ंक्शन स्वैप (एक, दो) {document.getElementById (एक) .style.display = 'block'; Document.getElementById (दो) .style.display = 'none'; }  

और आपका कोड होगा:

  setInterval (function () {if (counter & lt; 10) {++ counter;} else {counter = 0; स्वैप (एक, दो);} document.getElementById ("count")। InnerHTML = "00:" + काउंटर;}, 1000);  

और "एक" और "दो" यहां आपकी इमेजेज टैग्स की आईडी हैं।