الرئيسية
قــائــمـــــة الـخــدمــــــات
خدمات تصميم المواقع
خدمات تصميم الأنظمة
خدمات اخرى
خــدمـــات مـجـــانـيـــة
الفيديو التعليمي
تطبيقات مفتوحة المصدر
كتب تعليمية
مكاتب وأدوات مساعدة
دروس نظرية
كتبنا التعليمية
إتصل بنا
تابعنا
خدمات تصميم المواقع
خدمات تصميم الأنظمة
خدمات اخرى
الفيديو التعليمي
تطبيقات مفتوحة المصدر
كتب تعليمية
مكاتب وأدوات مساعدة
دروس نظرية
كتبنا التعليمية
إتصل بنا
تابعنا
تابعنا على اليوتيوب
لكي يصلك كل جديد
Subscribe to the YouTube channel
تقديم الدروس التكنولوجية المجانية
بناء أنظمة للتجار بحسب المتطلبات
التعليم الخاص
تقديم دراسات الجدوى
JavaScript
|
اكودا وتطبيقات برمجية
كود تصميم عداد توقيت
تأريخ الإضافة :
26.02.2013
تطبيقات برمجية Software applications
قم بإرسال الموضوع عبر الفيس بوك
التفاصيل :
كود تصميم عداد توقيت
إنسخ هذا الكود وضعة في منطقة الـ Head
<br /> <script language="JavaScript"> <!-- begin var timer, min, sec; function DownTime(m, s) { min = m; sec = s if (sec == 0) {sec = 60; min--} sec-- document.clock.face.value = " " + min + ":" + (sec < 10 ? "0" : "") + sec self.status = 'Time is running out!' if ((min == 0) && (sec == 0)) timer = setTimeout('TimesUp()', 100) else timer = setTimeout('DownTime(min, sec)', 1000) } function TimesUp() { with (document) { clear(); open() writeln ('<html><body bgcolor="#ffffff" text="#ba050a">') writeln ('<font size="+1"><center><b>Your time is over!') writeln ('</b></center></font></body></html>') close() } self.status = 'Time has run out!' } // end --> </script>
إنسخ هذا الكود وإستبدلة في منطقة الـ Body ليصبح هكذا.
<br /> <body bgcolor="#ffffff" onLoad="timer=setTimeout('DownTime(1, 0)', 1000)" onUnload="clearTimeout(timer)"><br /> <br /> <center><br /> <font color="#ba050a"><b>Remaining time is: </b></font><br /><br /> <p><form id="clock" name="clock"> <input type="text" id="face" name="face" size="6" value=" 1:00" /><br /> </form></p></center><br /> <br /> </body><br />
Oh snap! We just showed you a modal..
Because we can
Cool huh? Ok, enough teasing around..
Go to our
W3.CSS Tutorial
to learn more!
