ساعة في بلوجر للمطورين
هل سبق لك أن رأيت مدونة شخص آخر تعرض الوقت أو الساعة؟ إذا كان هذا صحيحًا ، فهذا
ما سنقوم به الآن ، فمن السهل جدًا إنشاء عنصر واجهة مستخدم على مدار الساعة ، لقد
صنعناه باستخدام HTML و Javascript فقط ، لذا يرجى القراءة حتى النهاية واتباع
الخطوات المحددة.
كيفية إضافة أداة الساعة على Blogger: -
الخطوة 1: - انتقل أولاً إلى Blogger.Com.
الخطوة 2: - ثم قم بتسجيل الدخول إلى حساب Blogger الخاص بك.
الخطوة 3: - ثم اضغط على قائمة Layour.
الخطوة 4: - بعد الضغط على Add a Gadget.
الخطوة 5: - ثم حدد HTML / JavaScriptالأداة.
وضع احد الأكواد التالية:
الساعات والدقائق والثواني وتنسيق AM / PM
<span id="stm-clockstyle1"></span>
<script type="text/javascript">
//<![CDATA[
function showTime(){var a_p = "";var today = new Date();var curr_hour = today.getHours();var curr_minute = today.getMinutes();var curr_second = today.getSeconds();if (curr_hour < 12){a_p = "AM"}else{a_p = "PM"}if (curr_hour == 0){curr_hour = 12}if (curr_hour > 12){curr_hour = curr_hour - 12}curr_hour = checkTime(curr_hour);curr_minute = checkTime(curr_minute);curr_second = checkTime(curr_second);document.getElementById('stm-clockstyle1').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p}function checkTime(i){if (i < 10){i = "0" + i}return i}setInterval(showTime,500);
//]]>
</script>
ساعات ودقائق
<span id="stm-clockstyle3"></span>
<script type="text/javascript">
//<![CDATA[
var d = new Date();var curr_hour = d.getHours();var curr_min = d.getMinutes();curr_min = curr_min + "";if (curr_min.length == 1){curr_min = "0" + curr_min}document.getElementById('stm-clockstyle3').innerHTML=curr_hour + ":" + curr_min;
//]]>
</script>
يوم والشهر والسنة
<span id="stm-clockstyle4"></span>
<script type='text/javascript'>
//<![CDATA[
var fullbulan = ['جانفي','فيفري','مارس','أفريل','ماي','جوان','جويلية','اوت','سبتمبر','اكتوبر','نوفمبر','ديسمبر'];var myDays = ['الأحد','الإثنين','الثلاثاء','الأربعاء','خميس','الجمعة','السبت'];var tanggal = new Date();var hari = tanggal.getDate();var bulan = tanggal.getMonth();var thisDay = tanggal.getDay(),thisDay = myDays[thisDay];var tahun = tanggal.getYear();var year = (tahun < 1000) ? tahun + 1900:tahun;document.getElementById('stm-clockstyle4').innerHTML=thisDay + ',' + hari + ' ' + fullbulan[bulan] + ' ' + year;
//]]>
</script>
والى هنا نكون قد انتهينا من درس اليوم الى اللقاء