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

एचटीएमएल डोम कंसोल.टाइम () विधि

<घंटा/>

HTML DOM कंसोल.टाइम () विधि का उपयोग कोड के एक टुकड़े को निष्पादित करने में व्यतीत समय को प्रदर्शित करने के लिए किया जाता है। यह हमें पूरे कोड या हमारे कोड के विशिष्ट बिट्स का विश्लेषण करने में मदद करता है। अपने कोड को समय देकर आप इसे और अधिक कुशल बना सकते हैं। वैकल्पिक लेबल पैरामीटर का उपयोग करके आप एक ही पृष्ठ पर कई टाइमर बना सकते हैं।

सिंटैक्स

HTML DOM कंसोल.टाइम () विधि के लिए सिंटैक्स निम्नलिखित है -

console.time(label)

यहां, हमारे टाइमर को एक नाम देने के लिए लेबल एक वैकल्पिक पैरामीटर है।

उदाहरण

आइए कंसोल.टाइम () विधि के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>console.time() Method</h1>
<p>Click the below button to time the for,while and do-while loops for 100000 iterations </p>
<button type="button" onclick="LoopPerform()">TIMER</button>
<script>
   var i,j,k;
   i=0,j=0,k=0;
   function LoopPerform(){
      console.time("for-loop");
      for (; i < 100000; i++){}
         console.timeEnd("for-loop");
      console.time("while-loop");
      while(j<100000)
         j++;
      console.timeEnd("while-loop");
      console.time("do-while loop");
      do{k++;}
      while(k<100000);
      console.timeEnd("do-while loop");
   }
</script>

Press F12 key to view the performance result in your console view

</body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

एचटीएमएल डोम कंसोल.टाइम () विधि

टाइमर बटन पर क्लिक करने पर -

एचटीएमएल डोम कंसोल.टाइम () विधि

उपरोक्त उदाहरण में -

हमने पहले एक बटन TIMER बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर LoopPerform() फ़ंक्शन को निष्पादित करेगा -

<button type="button" onclick="LoopPerform()">TIMER</button>

लूपपरफॉर्म () फ़ंक्शन के अंदर, जबकि और करते-करते लूप इसके अंदर निष्पादित होते हैं। तीन लूप के प्रदर्शन को मापने के लिए "फॉर-लूप", "जबकि-लूप" और "डू-जबकि लूप" लेबल वाले कुल तीन टाइमर हैं।

कंसोल.टाइम () विधि टाइमर शुरू करती है और एक वैकल्पिक लेबल पैरामीटर लेती है और इसके अंदर के कोड को निष्पादित करते समय बीता हुआ समय गिनती है। निष्पादन कोड को कंसोल.टाइम () और कंसोल.टाइमएंड () विधि के अंदर रखा जाता है। निष्पादन समाप्त करने के लिए कोड द्वारा लिया गया समय तब कंसोल विंडो में प्रदर्शित होता है -

function LoopPerform(){
   console.time("for-loop");
   for (; i < 100000; i++){}
      console.timeEnd("for-loop");
   console.time("while-loop");
   while(j<100000)
      j++;
   console.timeEnd("while-loop");
   console.time("do-while loop");
   do{k++;}
   while(k<100000);
   console.timeEnd("do-while loop");
}

  1. एचटीएमएल डोम कंसोल.इन्फो () विधि

    HTML DOM कंसोल.इन्फो () विधि का उपयोग कंसोल पर सूचनात्मक संदेश लिखने के लिए किया जाता है। यह विधि डिबगिंग और परीक्षण उद्देश्यों के लिए उपयोगी है। कुछ ब्राउज़र जैसे:फ़ायरफ़ॉक्स, क्रोम इस पद्धति का उपयोग करके मुद्रित विवरण के लिए नीले रंग में एक छोटा i आइकन प्रदर्शित करते हैं। सिंटैक्स HTML DOM कंसोल

  1. एचटीएमएल डोम कंसोल.ग्रुपएंड () विधि

    HTML DOM कंसोल.ग्रुपएंड () विधि का उपयोग संदेश समूह के अंत को इंगित करने के लिए किया जाता है। यह कंसोल में वर्तमान संदेश समूह से बाहर निकलता है। सिंटैक्स Follwing कंसोल.ग्रुपएंड () विधि के लिए सिंटैक्स है - console.groupEnd() उदाहरण आइए हम HTML DOM कंसोल के लिए एक उदाहरण देखें।ग्रुपएंड () विधि - &

  1. HTML DOM कंसोल.ग्रुपकोलैप्ड () विधि

    HTML DOM console.groupCollapsed() विधि एक संक्षिप्त संदेश समूह की शुरुआत निर्दिष्ट करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - console.groupCollapsed(label) यहाँ, लेबल समूह के लिए लेबल है। उदाहरण आइए कंसोल के लिए एक उदाहरण देखें।ग्रुपकोलैप्ड () विधि - <!DOCTYPE html> <html> <body&