HTML DOM Input Time stepUp() মেথড

HTML DOM Input Time stepUp() মেথড টাইম ফিল্ড কত মিনিট বাড়াবে তা সংজ্ঞায়িত করে।

সিনট্যাক্স (Syntax)

একটি সংখ্যা সহ stepUp() মেথড কল করা (ডিফল্ট ১):

inputTimeObject.stepUp(number)

উদাহরণ (Example)

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>

আউটপুট (Output)

এটি নিম্নলিখিত আউটপুট তৈরি করবে:

কোনো বাটনে ক্লিক করার আগে:

HTML DOM Input Time stepUp() মেথড

'Increase by 10' বাটনে ক্লিক করলে:

HTML DOM Input Time stepUp() মেথড

'Increase by 25' বাটনে ক্লিক করলে:

HTML DOM Input Time stepUp() মেথড