دوال الوقت والتاريخ في جافا سكريبت Javascript
دوال الوقت والتاريخ :-
- جميع دوال التاريخ تعرض قيم صحيحة فقط
- جميع الدوال التاريخ تتشابه في طريقة التعامل
- Year : يعبر عن العام , ويتكون من اربع خانات
- Month : يعبر عن الشهر
- Date : يعبر عن أيام الشهر
- Hour :تعبر عن الساعة الحالية
- Min : تعبر عن الدقيقة الحالية , وتأخذ قيم من 0 إلي 59
- Sec : تعبر عن الثانية الحالية , وتأخذ قيم من 0 إلي 59
New Date()
- تستخدم لعرض التاريخ كاملا
-تأخذ الوقت من ساعة النظام بالجهاز الذي يعمل عليه البرنامج
| دالة التاريخ | New Date() |
| لحساب اليوم من التاريخ Daltename | Datename.getDate() |
| لحساب الساعة من التاريخ Daltname | Datename.getHours() |
| لحساب الدقيقة من التاريخ Daltename | Datename.getMinutes() |
| لحساب الشهر من التاريخ Daltename | Datename.getMonth() |
| لحساب الثانية من التاريخ Daltename | Datename.getSeconds() |
| لحساب المللي ثانية التي مرت منذ 1 يناير 1970 | Datename.getTime |
| لحساب الوقت بين جهازك والوقت العالمي | Datename.getTimeOffiset() |
| لحساب يوم الشهر طبقا للنظام العالمي | Datename.getUTCDATE() |
| لحساب الساعة طبقا للنظام االعالمي | Datename.getUTCHours |
| لحساب الدقيقة طبقا للنظام العالمي | Datename.getUTCMinutes() |
| لحساب الشهر طبقا للنظام العالمي | Datename.getUTCMonth() |
| لحساب الثانية طبقا للنظام العالمي | Datename.getUTCSeconds() |
| لحساب الفرق بين السنة الحالية وسنة 1900 | Datename.getYear() |
| لوضع اليوم (من الشهر) للتاريخ Daltename | Datename.setDate() |
| لوضع الساعة للتاريخ Daltename | Datename.setHours() |
| لوضع الدقيقة للتاريخ Daltename | Datename.setMinutes() |
| لوضع الشهر للتاريخ Daltename | Datename.setMOnth() |
| لوضع الثانية للتاريخDaltename | Datename.setSeconds() |
| لوضع يوم الشهر طبقا للنظام العالمي للتاريخDaltename | Datename.setUTCDate() |
| لوضع الساعة طبقا للنظام العالمي للتاريخ Daltename | Datename.setUTCHours() |
| لوضع الدقيقة طبقا للنظام العالمي للتاريخ Daltename | Datename.setUTCMinutes() |
| لوضع الشهر طبقا للنظام العالمي للتاريخ Daltename | Datename.setUTCSeconds() |
| لوضع الثانية طبقا للنظام العالمي للتاريخ Daltename | Datename.setYear() |
| لوضع العام المطلوب للتاريخ Daltename | Datename.setYear() |
مثال علي التاريخ :-
<HTML>
<Head>
<TITLE> Date</TITLE>
</Head>
<body>
<SCRIPT language= "JavaScript">
Var myDatetime = new Date()
Document.write("Todys date is " + myDateTime + "<Br>")
myDateTime.setYear(2018);
//2018مطلوب وضع تاريخ اليوم ولكن في عام
</SCRIPT>
</body>
</HTML>
لاحظ أنه أتي بالوقت والتاريخ المكافئ تماما 2018 , ولاحظ تغير يوم الأسبوع إلي يوم الأحد أي أن هذا اليوم عام 2018 يوافق يوم الأحد
مثال آخر :-
- يقوم هذا السكريبت بوضع الساعة الحالية كثواني ودقائق وساعات , وهي تعبر عن لحظة فتح الصفحة فقط
<HTML>
<head>
<TITLe> Clock</TITLe>
</Head>
<body>
<SCRIPT language= "JavaScript">
<!- -
Var time = new date()
Var hour = time.getHours()
Var min.getMinutes()
Var sec = time.getSeconds()
Document.write(hour + ":" + min + sec+ ""+ "لحظة زيارتك للصفحة هي")
// - - >
</SCRIPT>
</body>
</HTML>
مثال لعمل ساعة ,, حية ,, :
- يقوم هذا المثال بعمل ساعة " حية " تأخذ الوقت من ساعة النظام
<HTML>
<Head>
<title> Clock </title>
<Script>
Function clock()
{
Var time = new date()
Var hr = time .getHours()
Var min = time.getMinutes()
Var sec = time.getSeconds()
If (hr < 10)
{
Hr = "" + hr
}
If (min < 10)
{
Min = "0" + min
}
IF (sec <10)
{
Sec = "0" + sec
}
Document.clock.digits.value = hr + ":" + min+ ":" + sec
setTimeout ("clock()",1000) // (ميللي ثانية 1000) لزيادة الساعة كل ثانية
}
</Script>
</Head>
<body onload= "clock();">
<FORM name= "clock">
<Font face= "Courier New,Courier" size=4>
<INPUT type= "text" name= "digits" size=8 maxlength= 8
Value= "Loading">
</FONT>
</FORM>
</body>
</HTML>
مثال :-
<HTML>
<HEAD>
<TITLE> popup Window </TITLE>
<SCRIPT LANGUAE= "JAVASCRIPT">
<!—hide JavaSCRIPT
Function popupwin() {
Winpopup = window.open(",'heigh= 500,width=400,menubar=no,scrollbars= n,status=no,toolbar=no,screenX=100,screenY= 0,left= 100,top=0');
Winpopup.document.write('HTML>\n<HEAD>\n'):
Winpopup.document.write('TITLE> A Popup Window</TITLE>\n');
Winpopup.document.write('</HEAD>\n');
Winpopup.document.write('<BODY>\n');
//وضع لون خلفية النافذة
Winpopup.document.bgColor = "#0000FF";
//وضع لون النص في النافذة الجديدة
Winpopup.document.fgColor = "#FFC814";
Winpopup.document.erite('<H1>Thank uou for Clicking </H!>\n');
Winpopup.document.write('<H2>' + document.FORm1.name.value + '<H2>\n');
Winpopup.document.write('<FORM NAME= "FORm1">\n');
Winpopup.document.write('<INPUT TYPE= "BUTTON" VALUE= "CloseWindow"ONCLICK= "window.close();">\n');
Window.document.write('</FORM>\n');
Winpopup.document.write('</BODY>\n</HTML>\n');
Winpopup.document.close();//Close the Window to additional writes
}
//end hiding code - - >
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME= "FORM1" value= "formID">
<INPUT TYPE= "TEXT" NAME= "nam" VALUE= ""><BR>
<INPUT TYPE= "BUTTON" VALUE= "Popup Window"
</FORM>
</BODY>
</HTML>
اكتب ما تريد في مربع النص ثم اضغط المفتاح "Popup Window" لتظهر لك النافذة التالية ..
لتعرض لك ما كتبة اضغط المفتاح "Close Window" لغلق النافذة الجديدة ...
تعليقات
إرسال تعليق