HTML DOM Input Time Object

‎شئInput Time ـ زمان

‎شئInput Time منتسب با يك عنصرHTML ‎<input>‎ ميباشد .با شئ فوق ‎ميتوان عنصرHTML ‎<input>‎ صفحه را بصورت اقدامات شئ گرائي مديريت كرد.

‎بايد عنصر‎<input>‎ مرتبط با شئInput Time داراي ويژگيtype="time‎"‎ ‎باشد .مقدار پيش فرض ويژگيtype براي عنصرinput مقدار‎"text‎"‎ ميباشد.

‎دسترسي به شئInput Time

‎مثال ـ دسترسي به شئInput Time باid="myTime‎"‎

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

‎ايجاد شئInput Time

‎با متد‎document.createElement()‎‎ ميتوان شئInput Time را ايجاد نمود .بعبارتي ‎ميتوان عنصر‎<input>‎ را با ويژگيtype="time‎"‎ ايجاد كرد . اين نوع فيلد ‎براي فرمت زمان ميباشد.

var x = document.createElement("INPUT");
x.setAttribute("type", "time");

‎ويژگي هايInput Time Object

‎ويژگي	‎شرح
autocomplete	‎مقدار ويژگيautocomplete را تنظيم ويابرگشت ميدهد . ‎ويژگي تكميل خودكار شئInput Time
autofocus	‎ويژگي مشخص ميكند كه آيا عنصر بصورت اتوماتيك در بارگذاري انتخاب شود.
defaultValue	‎مقدار پيش فرض فيلد زمان راتنظيم ويا برميگرداند. ‎الگوي رفتاري دو ويژگيdefaultValue و value براي عناصر مرتبط يكسان است . ‎نمونه اي ارآن در لينكdefaultValue
disabled	‎وضعيت فعال بودن عنصر را تنظيم ويابرگشت ميدهد.
form	‎ويژگيform مشخص ميكند كه فيلد زمان ، متعلق بكدام عنصرفرم است.
list	‎فهرستي از عنصر‎<datalist>‎ كه شامل ليستي ازفيلدهاي زمان است برگشت ميدهد.
max	‎ماكزيمم براي فيلد زمان مشخص ميكند.
min	‎ويژگي مقدار مينيمم براي فيلد زمان مشخص ميكند
name	‎ويژگيname نامي را براي ورودي زمان مشخص ميكند.
readonly	‎مشخص ميكند كه فيلد زمان فقط خواندني است
required	‎مشخص ميكند كه فيلد رمان ضروري است وبايد تكميل شود.
step	‎مقدار ويژگيstep فيلد زمان را مشخص ميكند.
type	‎ويژگيtype نوع عنصر ورودي را مشخص ميكند . type="time‎"‎برايInput Time
value	‎مقدار ويژگيvalue را براي فيلد برگشت ويا تنظيم ميكند.

‎متدهاي شئInput Time

‎متد	‎شرح
select()	‎يك فيلد متني را انتخاب ميكند
stepDown()	‎محتوي يك فيلد زمان رابا عدد مشخصي كاهش ميدهد.
stepUp()	‎محتوي يك زمان را با عدد مشخصي افزايش ميدهد.

‎تشريح بعضي از ويژگي هاي شئInput Time دراين صفحه .مابقي در صفحات مخصوص كه درلينك ‎جدول آمده است ، تشريح ميشوند.

‎ويژگيInput Time max

‎ويژگيInput Time max مقدار ويژگيmax عنصر‎<input>‎ مرتبط با شئ Input Time‎را ‎تنظيم ويا برگشت ميدهد .مقدار اين ويژگي حداكثر زمان را براي فيلد زمان مشخص ‎ميكند، كه شئInput Time نمايانگر فيلد ورودي زمان ميباشد.

‎مثال ـ دريافت ماكزيمم زمان مجاز براي فيلد ورودي زمان

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

‎نكته ـ از ويژگيmax همراهmin براي محدوده زمان قابل قبول استفاده كنيد.

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
timeObject.max

‎فرمت تنظيم ويژگي
timeObject.max=hh:mm:ss.ms

‎مقادير ويژگي ـProperty Values

‎مقدار	‎شرح
hh:mm:ss.ms	‎ماكريمم زمان مجاز براي فيلد ورودي زمان ‎تشريح اجزاء ويژگي: hh‎ـ ساعت .براي مثال ‎10.00pm‎ mm‎ـ دقيقه . براي مثال ‎55‎ ss‎ـ ثانيه . براي مثال ‎03‎ ms‎ـ ميلي ثانيه

‎مثال ـ تغيير ماكريمم زمان فيلد ورودي زمان

document.getElementById("myTime").max = "23:00";

‎ويژگيInput Time min

‎ويژگيInput Time min مقدار ويژگيmin عنصر‎<input>‎ مرتبط با شئ Input Time‎را ‎تنظيم ويا برگشت ميدهد .مقدار اين ويژگي حداقل زمان را براي فيلد ورودي زمان مشخص ‎ميكند، كه شئInput Time نمايانگر فيلد ورودي زمان ميباشد.

‎مثال ـ دريافت مي نيمم زمان مجاز براي فيلد ورودي زمان

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

‎نكته ـ از ويژگيmax همراهmin براي محدوده زمان قابل قبول استفاده كنيد.

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
timeObject.min

‎فرمت تنظيم ويژگي
timeObject.min=hh:mm:ss.ms

‎مقادير ويژگي ـProperty Values

‎مقادير ويژگي مطابق جدول ويژگيmax ميباشد.

‎مثال ـ تغيير مقدار مينيمم فيلد ورودي زمان

document.getElementById("myTime").min = "16:00";

<!DOCTYPE html> <html> <body> Time: <input type="time" id="myTime" min="20:00" max="22:00"> <p>Click the button to change the value of the min attribute of the time field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myTime").min = "16:00"; document.getElementById("demo").innerHTML = "The value of the min attribute was changed from '20:00' to '16:00'."; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيInput Time step

‎ويژگيInput Time step مقدار ويژگيstep عنصر‎<input>‎ مرتبط با شئInput Time را ‎تنظيم ويا برگشت ميدهد .مقدار اين ويژگي روي جزء ثانيه ويا ميلي ثانيه فيلد زمان، كه شئ Input Time‎نمايانگر آن است تاثير ميكند.

‎نكته ـ ويژگيstep در فيلد زماني براي ساعت ودقيقه بكار نمي رود .

‎مثال ـ فواصل اعداد قانوني را براي ثانيه دريك فيلد زماني را تغيير ميدهد.

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

<!DOCTYPE html> <html> <body> Time: <input type="time" id="myTime" step="2"> <p>Click the button to change the value of the step attribute of the time field (seconds interval).</p> <p><b>Tip:</b> Try the up and down arrows in the time field for seconds before and after you click the button.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { document.getElementById("myTime").step = "10"; document.getElementById("demo").innerHTML = "The value of the step attribute was changed from '2' to '10'."; } </script> </body> </html>
--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي timeObject..setp

‎فرمت تنظيم ويژگي timeObect.step=number

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح

number ‎فاصله قانوني را براي فيلد زماني مشخص ميكند.

‎براي ثانيه از اعدادي برايstep استفاده كنيد كه درنهايت به‎ ‎"60‎"‎ برسند .
‎مثل‎‎"1' , ‎"2‎", 10‎"‎,‎"30‎"‎:‎

‎براي ميلي ثانيه اعدادي انتجاب كنيد كه درنهايت به‎‎"1000‎"‎ برسند .
‎مثل‎‎".‎"‎, ‎".010‎", ‎".020‎"‎,‎".050‎", ‎".20‎"‎ :‎

‎مثال ـ تغيير ويژگيstep براي فواصل قانوني ميلي ثانيه فيلد زماني

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

<!DOCTYPE html> <html> <body> Time: <input type="time" id="myTime" step=".1"> <p>Click the button to change the value of the step attribute of the time field (milliseconds interval).</p> <p><b>Tip:</b> Try the up and down arrows in the time field for milliseconds before and after you click the button.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { document.getElementById("myTime").step = ".050"; document.getElementById("demo").innerHTML = "The value of the step attribute was changed from '.1' to '.050'."; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيInput Time Value

‎ويژگيInput Time value مقدار ويژگيvalue عنصر‎<input>‎ مرتبط ‎با شئInput Time را ‎تنظيم ويا برگشت ميدهد .اين ويژگي زمان را براي فيلد ورودي زمان مشخص ميكند، كه شئ Input Time‎نمايانگر فيلد زمان ميباشد.

‎مثال ـ تغيير مقدار يك فيلد ورودي زمان

document.getElementById("myTime").value = "22:53:05";

<!DOCTYPE html> <html> <body> Time: <input type="time" id="myTime"> <p>Click the button to set a time for the time field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { document.getElementById("myTime").value = "22:53:05"; } </script> </body> </html>
--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
timeObject.value

‎فرمت تنظيم ويژگي
timeObject.value=hh:mm:ss.ms

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح

hh:mm:ss.ms ‎براي فيلد ورودي زمان، زمان رامشخص ميكند.
‎تشريح اجزاء ويژگي:

hh‎ـ ساعت .براي مثال ‎10.00pm‎

mm‎ـ دقيقه . براي مثال ‎55‎

ss‎ـ ثانيه . براي مثال ‎03‎

ms‎ـ ميلي ثانيه

‎مثالها ـ‎‎"095532.55‎", ‎"22:15:35‎"‎, ‎"16:00‎"‎

‎مثال ـ دريافت زمان يك فيلد ورودي زماني

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

<!DOCTYPE html> <html> <body> Time: <input type="time" id="myTime" value="16:32:55"> <p>Click the button to get the time of the time field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myTime").value; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

‎شئInput Time از ويژگي ها ورويداد هاي استاندارد پيروي ميكند.

‎صفحات مرتبط

HTML forms

HTML <input> Tag

HTML type Attribute

Previous > <Next

HTML DOM Input Time Object

‎شئInput Time ـ زمان

‎دسترسي به شئInput Time

--(go to editor for change code and run)

‎ايجاد شئInput Time

--(go to editor for change code and run)

‎ويژگي هايInput Time Object

‎متدهاي شئInput Time

‎ويژگيInput Time max

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
timeObject.max

‎فرمت تنظيم ويژگي
timeObject.max=hh:mm:ss.ms

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎ويژگيInput Time min

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
timeObject.min

‎فرمت تنظيم ويژگي
timeObject.min=hh:mm:ss.ms

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎ويژگيInput Time step

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي timeObject..setp

‎فرمت تنظيم ويژگي timeObect.step=number

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎ويژگيInput Time Value

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
timeObject.value

‎فرمت تنظيم ويژگي
timeObject.value=hh:mm:ss.ms

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎صفحات مرتبط

HTML DOM Objectsفهرست =

HTML DOM Input Time Object

‎شئInput Time ـ زمان

‎دسترسي به شئInput Time

--(go to editor for change code and run)

‎ايجاد شئInput Time

--(go to editor for change code and run)

‎ويژگي هايInput Time Object

‎متدهاي شئInput Time

‎ويژگيInput Time max

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي timeObject.max

‎فرمت تنظيم ويژگي timeObject.max=hh:mm:ss.ms

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎ويژگيInput Time min

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي timeObject.min

‎فرمت تنظيم ويژگي timeObject.min=hh:mm:ss.ms

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎ويژگيInput Time step

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي timeObject..setp

‎فرمت تنظيم ويژگي timeObect.step=number

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎ويژگيInput Time Value

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي timeObject.value

‎فرمت تنظيم ويژگي timeObject.value=hh:mm:ss.ms

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎صفحات مرتبط

HTML DOM Objectsفهرست =

‎فرمت برگشت ويژگي
timeObject.max

‎فرمت تنظيم ويژگي
timeObject.max=hh:mm:ss.ms

‎فرمت برگشت ويژگي
timeObject.min

‎فرمت تنظيم ويژگي
timeObject.min=hh:mm:ss.ms

‎فرمت برگشت ويژگي
timeObject.value

‎فرمت تنظيم ويژگي
timeObject.value=hh:mm:ss.ms