السلام عليكم ورحمة الله وبركاته اخوتي من جميع انحاء العالم العربي درس اليوم عن انشاء ساعة بسيطة بواسطة javascript لغة js هي من اكثر اللغات تداولاً حول العالم لسهولة استخدامها و عظمة اكوادها ورواجها حول العالم لنبدء:
var lesson=clock
اولا سنصنع ملف html والعمل :
سنكتب في <head> وسم الجافا سكربت <script> .
نفتح الbody نكتب التالي :
<div id="clock" s>
(تعليق "لقد صنعنا وسم للساعة واعطينها اي دي clock لنستطيع استخدامها في javascript"
</div>
نفتح ال javascript ونكتب التالي :
function showTime() {
//لقد صنعنا دالة وسمينها showTime اي اظهر الوقت
var date=new Date;
//عرفنا التاريخ بأسم date;
()var hours=date.getHours;
()var minutes=date.getMinutes
var seconds=date.getSeconds ()
//وعرفنا الاوقات الساعات و الدقائق والثواني كما ترون.
{
//لحد الأن اخوتي الوقت لا يتحرك بل هو ثابت وعندما اريد ان اعرف الوقت عليا ان احدث الصفحة
// كيف نجعلها تتحرك؟
setInterval(showTime,500)
//لقد استخدمنا الكود setInterval لجعل الساعة تتحرك فتحنا الاقواس وادخل اسم الدالة الخاصة بنا ومن ثم 500 اي عدد الوقت الذي اريد ان تحدث فيها 500 = نصف ثانية.
شكرا للمتابعة انشاء الله تكون استفدتم.
استمر
ردحذف