HTML DOM Input Time stepUp() मेथड

HTML DOM Input Time stepUp() मेथड यह परिभाषित करता है कि टाइम फील्ड को कितने मिनट बढ़ाना चाहिए।

सिंटैक्स

निम्नलिखित सिंटैक्स है:

एक नंबर के साथ stepUp() मेथड को कॉल करना, जो डिफ़ॉल्ट रूप से 1 के बराबर होता है:

inputTimeObject.stepUp(number)

उदाहरण

आइए Input Time stepUp मेथड का एक उदाहरण देखें:

<!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 Input Time stepUp() मेथड

'Increase by 10' बटन पर क्लिक करने पर:

HTML DOM Input Time stepUp() मेथड

'Increase by 25' बटन पर क्लिक करने पर:

HTML DOM Input Time stepUp() मेथड