سأشرح لكم اليوم طريقة إضافة الساعة إلى صفحات موقعك أو أي مكان تريد في الصفحة وذلك باستخدام كود جافا سكريبت بكل سهولة. وسيكون المثال الحي في نهاية الصفحة.
لنفرض أن لديك صفحة 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>
بعد ذلك قم بتشغيل الصفحة من المتصفح وستكون النتيجة كالتالي:
—————————-بداية النموذج——————————–
—————————-نهاية النموذج——————————–