คุณสมบัติ step สำหรับ Input Time

HTML DOM ประกาศที่มีความหมายเดียวกับวันเวลา

คำอธิบายและการใช้งาน

step ตั้งค่าหรือกลับค่าคุณสมบัติ step ของช่องวันเวลา

คุณสมบัติ step ใน HTML กำหนดจำนวนความห่างเวลาที่ถูกต้องของวินาทีหรือมิลลิวินาทีในช่องวันเวลา (ไม่ถูกใช้สำหรับชั่วโมงหรือนาที)

ตัวอย่าง: ถ้า step="2" แล้ว ตัวเลขที่ถูกต้องอาจเป็น 0, 2, 4 และอื่น ๆ。

คำเตือน:คุณสมบัติ step มักถูกใช้พร้อมกับ max และ min ใช้คุณสมบัติพร้อมกันเพื่อสร้างชุดค่าที่ถูกต้อง

ดูเพิ่มเติมที่

คู่มือ HTMLรายละเอียดสภาพแวดล้อม HTML <input> step รายละเอียด

ตัวอย่าง

ตัวอย่าง 1

เปลี่ยนค่าจำนวนความห่างเวลาที่ถูกต้องของวินาทีในช่องวันเวลา:

document.getElementById("myTime").step = "10";

ลองทำด้วยตัวเอง

ตัวอย่าง 2

เปลี่ยนค่าจำนวนความห่างเวลาที่ถูกต้องด้วยมิลลิวินาทีในช่องวันเวลา:

document.getElementById("myTime").step = ".050";

ลองทำด้วยตัวเอง

ตัวอย่าง 3

ได้ค่าจำนวนความห่างเวลาที่ถูกต้องของวินาทีในช่องวันเวลา:

var x = document.getElementById("myTime").step;

ลองทำด้วยตัวเอง

ภาษาบอร์น

กลับค่าคุณสมบัติ step:

timeObject.step

ตั้งค่าคุณสมบัติ step:

timeObject.step = number

ค่าของคุณสมบัติ

ค่า คำอธิบาย
number

จำนวนความห่างเวลาที่ถูกต้องในช่องวันเวลา

สำหรับวินาที:

ใช้ตัวเลขที่จะนำไปสู่ "60" สุดท้าย อย่างเช่น "1", "2", "10", "30" และอื่น ๆ。

สำหรับมิลลิวินาที:

เริ่มต้นด้วย "." และใช้ตัวเลขที่จะนำไปสู่ "1000" สุดท้าย อย่างเช่น ".010", ".050", ".20" และอื่น ๆ。

รายละเอียดเทคนิค

ค่าที่กลับมา จำนวนความห่างเวลาที่ถูกต้อง แสดงด้วยตัวเลขที่มีหน่วยเวลาในวินาทีหรือมิลลิวินาที。

การสนับสนุนโดยบราวเซอร์

ตัวเลขในตารางหมายถึงตัวเวอร์ชั่นบราวเซอร์ที่สนับสนุนองค์ประกอบนี้ทั้งหมด

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน 10.0 สนับสนุน สนับสนุน สนับสนุน

เตือน:ตัวแปร <input type="time"> ไม่แสดงในช่องวันที่และเวลาใน Firefox

HTML DOM ประกาศที่มีความหมายเดียวกับวันเวลา