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

HTML DOM console.timeEnd() मेथड


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

सिंटैक्स (Syntax)

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

console.timeEnd(label);

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

उदाहरण (Example)

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

<!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.timeEnd() मेथड

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

HTML DOM console.timeEnd() मेथड

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

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

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

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

console.time() मेथड टाइमर शुरू करता है और एक वैकल्पिक लेबल पैरामीटर लेता है और उस समय को गिनता है जब इसके अंदर का कोड एक्जीक्यूट हो रहा होता है। console.timeEnd() मेथड का उपयोग टाइमर को रोकने और कंसोल व्यू में परिणाम प्रदर्शित करने के लिए किया जाता है। 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.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>

  1. HTML DOM createEvent() मेथड HTML DOM createEvent() मेथड

    HTML DOM createEvent() मेथड का उपयोग एक इवेंट ऑब्जेक्ट बनाने के लिए किया जाता है जिसका टाइप पैरामीटर में निर्दिष्ट होगा। बनाए गए इवेंट को उपयोग करने से पहले इनिशियलाइज़ किया जाना चाहिए। इवेंट को HTML एलिमेंट में डिस्पैच करने के लिए आपको उस निर्दिष्ट नोड पर dispatchEvent() मेथड का उपयोग करना होगा।सिं