إضافة الساعة إلى موقعك عن طريق جافا سكريبت JavaScript

نشرت من قبل المدون العربي في

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


لنفرض أن لديك صفحة html وتريد إضافة الساعة بها، قم بلصق هذا الكود فقط:

<!DOCTYPE html>
<html>
<head>
<script>
function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById(‘txt’).innerHTML =
    h + “:” + m + “:” + s;
    var t = setTimeout(startTime, 500);
}
function checkTime(i) {
    if (i < 10) {i = “0” + i};  // add zero in front of numbers < 10
    return i;
}
</script>
</head>
<body onload=”startTime()”>
<div id=”txt”></div>
</body>
</html>

بعد ذلك قم بتشغيل الصفحة من المتصفح وستكون النتيجة كالتالي:
—————————-بداية النموذج——————————–

—————————-نهاية النموذج——————————–

0 تعليق

اترك تعليقاً

عنصر نائب للصورة الرمزية (Avatar)

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *