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

HTML DOM console.time() मेथड


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

सिंटैक्स (Syntax)

HTML DOM console.time() मेथड का सिंटैक्स:

console.time(label)

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

उदाहरण (Example)

console.time() मेथड का एक उदाहरण:

<!DOCTYPE html> <html> <body> <h1>console.time() Method</h1> <p>for, while और do-while लूप्स को 100000 इटरेशन्स के लिए टाइम करने के लिए नीचे दिए गए बटन पर क्लिक करें</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> <p>अपने कंसोल व्यू में परफॉरमेंस रिजल्ट देखने के लिए F12 की दबाएं</p> </body> </html>

आउटपुट (Output)

इससे निम्नलिखित आउटपुट प्राप्त होगा:

HTML DOM console.time() मेथड

TIMER बटन पर क्लिक करने पर:

HTML DOM console.time() मेथड

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

हमने पहले एक TIMER बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर LoopPerform() फंक्शन को एक्जीक्यूट करेगा:

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

LoopPerform() फंक्शन के अंदर for, while और do-while लूप्स एक्जीक्यूट हो रहे हैं। "for-loop", "while-loop" और "do-while loop" लेबल के साथ कुल तीन टाइमर्स बनाए गए हैं ताकि तीनों लूप्स के परफॉरमेंस को मापा जा सके।

console.time() मेथड टाइमर शुरू करता है और एक वैकल्पिक लेबल पैरामीटर लेता है और उस समय को गिनता है जब इसके अंदर का कोड एक्जीक्यूट हो रहा होता है। एक्जीक्यूट होने वाला कोड console.time() और console.timeEnd() मेथड के अंदर रखा जाता है। कोड को समाप्त होने में लगा समय फिर कंसोल विंडो में प्रदर्शित किया जाता है:

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 console.info() मेथड HTML DOM console.info() मेथड

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

  1. HTML DOM console.groupEnd() मेथड HTML DOM console.groupEnd() मेथड

    HTML DOM console.groupEnd() मेथड का उपयोग मैसेज ग्रुप के अंत को इंगित करने के लिए किया जाता है। यह कंसोल में वर्तमान मैसेज ग्रुप से बाहर निकलता है।सिंटैक्स (Syntax)console.groupEnd() मेथड का सिंटैक्स:console.groupEnd()उदाहरण (Example)HTML DOM console.groupEnd() मेथड का एक उदाहरण:<!DOCTYPE html>

  1. HTML DOM console.groupCollapsed() मेथड HTML DOM console.groupCollapsed() मेथड

    HTML DOM console.groupCollapsed() मेथड एक संकुचित (collapsed) मैसेज ग्रुप की शुरुआत को निर्दिष्ट करता है।सिंटैक्स (Syntax)सिंटैक्स निम्नलिखित है:console.groupCollapsed(label)यहां, label ग्रुप के लिए लेबल है।उदाहरण (Example)console.groupCollapsed() मेथड का एक उदाहरण:<!DOCTYPE html> <html>