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

HTML DOM इनपुट टाइम स्टेपअप ( ) मेथड

<घंटा/>

HTML DOM इनपुट टाइम स्टेपअप () विधि निर्धारित करती है कि कितने मिनट टाइम फील्ड को बढ़ाना चाहिए।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

कॉलिंग स्टेपअप() एक संख्या के साथ विधि, जो डिफ़ॉल्ट रूप से 1 के बराबर होती है

inputTimeObject.stepUp(number)

उदाहरण

आइए इनपुट टाइम स्टेपअप . का एक उदाहरण देखें विधि -

<!DOCTYPE html>
<html>
<head>
<title>Input Time stepUp()</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>Time-stepUp( )</legend>
<label for="TimeSelect">Clock :
<input type="time" id="TimeSelect" value="12:52">
</label>
<input type="button" onclick="changeStep(10)" value="Increase by 10">
<input type="button" onclick="changeStep(25)" value="Increase by 25">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputTime = document.getElementById("TimeSelect");
   function changeStep(myStepUp) {
      inputTime.stepUp(myStepUp);
      divDisplay.textContent = 'Current Step: '+myStepUp;
   }
</script>
</body>
</html>

आउटपुट

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

क्लिक करने से पहले कोई भी बटन -

HTML DOM इनपुट टाइम स्टेपअप ( ) मेथड

'10 तक बढ़ाएं' . पर क्लिक करना बटन -

HTML DOM इनपुट टाइम स्टेपअप ( ) मेथड

‘25 तक बढ़ाएं’ . पर क्लिक करना बटन -

HTML DOM इनपुट टाइम स्टेपअप ( ) मेथड


  1. HTML DOM इनपुट वीक स्टेपअप ( ) विधि

    HTML DOM इनपुट वीक स्टेपअप () विधि यह निर्धारित करती है कि सप्ताह के क्षेत्र में कितने सप्ताह होने चाहिए। सिंटैक्स निम्नलिखित वाक्य रचना है - कॉलिंग स्टेपअप() एक संख्या के साथ विधि, जो डिफ़ॉल्ट रूप से 1 के बराबर है inputWeekObject.stepUp(number) उदाहरण आइए इनपुट वीक स्टेपअप () . के लिए एक उदाहरण

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

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

  1. HTML DOM इनपुट रेंज स्टेपअप () विधि

    HTML DOM इनपुट रेंज स्टेपअप () विधि का उपयोग स्लाइडर नियंत्रण मान को एक निर्दिष्ट संख्या से बढ़ाने के लिए किया जाता है। यदि खाली छोड़ दिया जाता है तो यह 1 से बढ़ जाएगा। यदि चरण विशेषता निर्दिष्ट है तो स्टेपअप () विधि उसके गुणक में वृद्धि करेगी। उदाहरण:यदि चरण =”20” तो स्टेपअप (2) में 20*2=40 की वृद्