سكربت لتواقيت دول العالم - ويمكنك إضافة اي عدد من الدول

في هذا الكود، قمنا بإنشاء نموذج يحتوي على قائمة منسدلة تحتوي على دول مختلفة. عند تحديد دولة معينة من القائمة، سيتم تحديث الساعة وعرض التوقيت المحلي لتلك الدولة.

تم استخدام لغات HTML وCSS وJavaScript في هذا الكود. قمنا بإنشاء عنصر <form> في HTML لإنشاء النموذج وعنصر <select> لإنشاء القائمة المنسدلة. استخدمنا أيضًا CSS لتخصيص مظهر النموذج والقائمة.

ثم، قمنا بتعريف دالة updateclock() في JavaScript التي تحدث قيمة المتغير zone عند تحديد دولة مختلفة من القائمة المنسدلة. تم استخدام المتغير isitlocal لمعرفة ما إذا كان يتم عرض التوقيت المحلي أم لا.

تم إنشاء دالة WorldClock() في JavaScript لتحديث الساعة بانتظام. تم استخدام كائن Date() للحصول على الوقت الحالي وتحديث قيمة الساعات والدقائق والثواني بناءً على التوقيت المحدد. تم أيضًا تحويل الساعات إلى تنسيق 12 ساعة وتحديث قيمة الساعات والدقائق والثواني وعرضها.

أخيرًا، تم استخدام setTimeout() في JavaScript لتحديث الساعة بشكل مستمر كل ثانية.

يمكنك نسخ الكود المرفق ولصقه في صفحة HTML الخاصة بك. ستحصل على نموذج يعرض توقيت الدول المختلفة ويتيح لك تحديد الدولة التي ترغب في عرض التوقيت المحلي لها. يمكنك تخصيص المظهر والألوان والأحجام حسب تفضيلاتك.

لمشاهدة الأضافة والحصول عليها :

توقيت العالم

<!DOCTYPE html>
<html>
<head>
  <title>توقيت العالم</title>
</head>
<body>
  <form name="where">
    <table border="0" width="200" cellspacing="0" cellpadding="3">
      <tr>
        <td width="100%">
          <select name="city" size="1" onchange="updateclock(this);">
            <option selected>التوقيت المحلي</option>
            <option value="3">السعودية</option>
            <option value="4">الإمارات</option>
            <option value="3">الكويت</option>
            <option value="3">لبنان</option>
            <option value="4">عمان</option>
            <option value="3">قطر</option>
            <option value="3">مصر</option>
            <option value="0">المغرب</option>
            <option value="1">تونس</option>
            <option value="3">السودان</option>
            <option value="0">لندن</option> 
            <option value="1">روما</option>
            <option value="7">بانكوك</option>
            <option value="8">هونكغ كونغ</option>
            <option value="9">طوكيو</option> 
            <option value="10">سيدني</option>
            <option value="12">فوجي</option>
            <option value="-10">هاواي</option>
            <option value="-8">سان فرانسيسكو</option> 
            <option value="-5">نيويورك</option>
          </select>
        </td>
      </tr>
      <tr>
        <td width="100%">
          <script language="JavaScript">
            if (document.all || document.getElementById)
              document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>');

var zone = 0;
            var isitlocal = true;

function updateclock(z) {
              zone = z.options[z.selectedIndex].value;
              isitlocal = (z.options[0].selected) ? true : false;
              WorldClock(); // تحديث التوقيت عند تغيير الدولة
            }

function WorldClock() {
              var now = new Date();
              var ofst = now.getTimezoneOffset() / 60;
              var secs = now.getSeconds();
              var sec = -1.57 + Math.PI * secs / 30;
              var mins = now.getMinutes();
              var min = -1.57 + Math.PI * mins / 30;
              var hr = (isitlocal) ? now.getHours() : (now.getHours() + parseInt(ofst)) + parseInt(zone);
              var hrs = -1.575 + Math.PI * hr / 6 + Math.PI * parseInt(now.getMinutes()) / 360;

if (hr < 0) hr += 24;
              if (hr > 23) hr -= 24;

var ampm = (hr > 11) ? "PM" : "AM";
              var statusampm = ampm.toLowerCase();

var hr2 = hr;
              if (hr2 == 0) hr2 = 12;
              (hr2 < 13) ? hr2 : hr2 %= 12;
              if (hr2 < 10) hr2 = "0" + hr2;

var finaltime = hr2 + ':' + ((mins < 10) ? "0" + mins : mins) + ':' + ((secs < 10) ? "0" + secs : secs) + ' ' + statusampm;

if (document.all)
                worldclock.innerHTML = finaltime;
              else if (document.getElementById)
                document.getElementById("worldclock").innerHTML = finaltime;
              else if (document.layers) {
                document.worldclockns.document.worldclockns2.document.write(finaltime);
                document.worldclockns.document.worldclockns2.document.close();
              }

setTimeout('WorldClock()', 1000);
            }

window.onload = WorldClock;
          </script>

<ilayer id="worldclockns" width=100% height=35>
            <layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer>
          </ilayer>
        </td>
      </tr>
    </table>
  </form>
</body>
</html>

موقع النصر التقنى

سكربت لتواقيت دول العالم - ويمكنك إضافة اي عدد من الدول

لمشاهدة الأضافة والحصول عليها :

مهندس محمد نصر