HTML DOM Input Time stepDown() Method

The Input Time stepDown() method in HTML DOM is used to decrease the value of the time field by the given number. It will only affect the number of minutes (not hours, seconds, or milliseconds).

Syntax:

timeObject.stepDown( number )

Parameters: It accepts a single parameter and it is required.

  • number: It specifies the number of minutes to be decreased. By default, it is decremented by 1.

Return Value: It doesn’t return any value.

Example: This example shows the workings of stepDown() method.

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input Time stepDown() Method
    </title>
</head>
 
<body style="text-align:center;">
 
    <h1>w3wiki</h1>
 
    <h2>
        HTML DOM Input Time stepDown() Method
    </h2>
 
    <form id="myBeginner">
        <input type="time" id="time_id"
            name="Beginner" value="09:25:37">
    </form>
    <br>
 
    <button onclick="myBeginner()">
        Click Here!
    </button>
 
    <!-- Script to increment the minutes -->
    <script>
        function myBeginner() {
            document.getElementById("time_id").stepDown(3);
        }
    </script>
</body>
 
</html>


Output:

Supported Browsers:

  • Google Chrome
  • Internet Explorer 10.0 +
  • Opera
  • Safari