Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Thời gian nhập bước Phương thứcDown ()

Phương thức Bước xuống thời gian đầu vào HTML DOM () xác định số phút mà trường Thời gian sẽ giảm xuống.

Cú pháp

Sau đây là cú pháp -

Gọi stepDown với một số, theo mặc định bằng 1

inputTimeObject.stepDown(number)

Ví dụ

Hãy để chúng tôi xem một ví dụ về Bước thời gian nhập liệu (Input Time stepDown) phương pháp -

<!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">Clock :
<input type="time" id="TimeSelect" value="12:20">
</label>
<input type="button" onclick="changeStep(10)" value="Decrease by 10">
<input type="button" onclick="changeStep(25)" value="Decrease by 25">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputTime = document.getElementById("TimeSelect");
   function changeStep(myStepDown) {
      inputTime.stepDown(myStepDown);
      divDisplay.textContent = 'Current Step: '+myStepDown;
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi nhấp vào nút bất kỳ -

HTML DOM Thời gian nhập bước Phương thứcDown ()

Nhấp vào ‘Giảm 10’ nút -

HTML DOM Thời gian nhập bước Phương thứcDown ()

Nhấp vào ‘Giảm 25’ nút -

HTML DOM Thời gian nhập bước Phương thứcDown ()