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

Thời gian nhập HTML DOM StepUp () Phương pháp

Phương thức stepUp () HTML Input Time Input Time xác định số phút mà trường Thời gian sẽ tăng lên.

Cú pháp

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

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

inputTimeObject.stepUp(number)

Ví dụ

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

<!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>

Đầ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ỳ -

Thời gian nhập HTML DOM StepUp () Phương pháp

Nhấp vào ‘Tăng thêm 10’ nút -

Thời gian nhập HTML DOM StepUp () Phương pháp

Nhấp vào ‘Tăng thêm 25’ nút -

Thời gian nhập HTML DOM StepUp () Phương pháp