Phương thức stepDown() của HTML DOM Input Time

Phương thức stepDown() của đối tượng Input Time giảm giá trị giờ đi một số phút xác định. Mặc định giảm 1 phút nếu không truyền tham số. Đối ngẫu với stepUp().

Cú pháp

inputTimeObject.stepDown(số_phút)

• số_phút (tùy chọn): Số phút giảm. Mặc định = 1.

Ví dụ minh họa

Ô time ban đầu 12:20. Hai nút giảm 10 phút và giảm 25 phút:

<!DOCTYPE html>
<html>
<head>
<title>Input Time stepDown()</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-stepDown()</legend>
    <label for="TimeSelect">Đồng hồ: <input type="time" id="TimeSelect" value="12:20"> </label> 
    <input type="button" onclick="doiBuoc(10)" value="Giảm 10 phút"> 
    <input type="button" onclick="doiBuoc(25)" value="Giảm 25 phút"> 
    <div id="divDisplay"></div> 
  </fieldset> 
</form> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputTime = document.getElementById("TimeSelect"); 
  function doiBuoc(myStepDown) { 
    inputTime.stepDown(myStepDown); 
    divDisplay.textContent = 'Bước giảm: ' + myStepDown; 
  } 
</script> 
</body> 
</html>

Kết quả

• Ban đầu: 12:20.
• Nhấn Giảm 10 phút: 12:10.
• Nhấn Giảm 25 phút (từ 12:10): 11:45.

Lưu ý: Phương thức này tuân thủ giới hạn min nếu có. Nếu nhỏ hơn min, giá trị sẽ bị clamp ở min.