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

HTML DOM Input DatetimeLocal step Thuộc tính

Thuộc tính bước DatetimeLocal của HTML DOM Input xác định khoảng thời gian hợp pháp cho giây hoặc mili giây.

Cú pháp

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

  • Trả lại giá trị số
inputDatetimeLocalObject.step
  • Cài đặt bước thuộc tính cho một giá trị số
inputDatetimeLocalObject.step = number

Tham số

Tham số số giá trị -

Giá trị Mô tả
giây các giá trị hợp lệ tạo thành từ những số chia hoàn toàn cho 60 (ví dụ:10,15,20)
mili giây các giá trị hợp lệ bắt đầu bằng “.” và chia 1000 hoàn hảo (ví dụ:.10, .20, .01)

Ví dụ

Hãy để chúng tôi xem một ví dụ về Bước nhập DatetimeLocal tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input DatetimeLocal step</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>Datetime-Local-step</legend>
<label for="datetimeLocalSelect">Local Date Time :
<input type="datetime-local" id="datetimeLocalSelect" step="2">
</label>
<input type="button" onclick="changeStep('10')" value="Step Seconds to 10">
<input type="button" onclick="changeStep('.10')" value="Step milliseconds to .10">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDatetimeLocal = document.getElementById("datetimeLocalSelect");
   function changeStep(myStep) {
      inputDatetimeLocal.step = myStep;
      if(inputDatetimeLocal.step.indexOf('.') === -1)
         divDisplay.textContent = 'Seconds step: '+inputDatetimeLocal.step;
      else
         divDisplay.textContent = 'Milli-seconds step: '+inputDatetimeLocal.step;
   }
</script>
</body>
</html>

Đầu ra

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

Nhấp vào “Bước giây đến 10” nút

HTML DOM Input DatetimeLocal step Thuộc tính

Nhấp vào “Bước milli giây đến .10” nút -

HTML DOM Input DatetimeLocal step Thuộc tính