تاریخ و زمان در رابط کاربری برخی از سایت ها شاید یکی از نیازهای اولیه باشد. برای مثال در برخی از پنل های کاربری مانند کارتابل ها یا پرتال های سایت هایی خاص، شاید نیاز باشد زمان دقیق فعلی کاربر به او نشان داده شود یا برای مثال در سایت های خبری بخواهیم زمان و ساعت فعلی را به صورت زنده در مکانی از سایت نمایش دهیم که ثانیه شمار و دقیقه و ساعت بطور زنده و بدون نیاز به رفرش و ریلود کردن صفحه بروزرسانی شود. برای اینکار می توانیم از کد کوتاه جاوا اسکریپت استفاده کنیم. در این آموزش با بیتاک همراه باشید.
برای اینکار،، شما باید کد جاوا اسکریپت زیر را در یکی از فایل های جاوااسکریپت قالبتان قرار دهید.
function display_c(){
var refresh=1000; // Refresh rate in milli seconds
mytime=setTimeout('display_ct()',refresh)
}
function display_ct() {
var x = new Date()
document.getElementById('ct').innerHTML = x;
display_c();
}
function display_ct() {
var refresh=1000;
var x = new Date()
var x1=x.getMonth() + 1+ "/" + x.getDate() + "/" + x.getFullYear();
x1 = x1 + " - " + x.getHours( )+ ":" + x.getMinutes() + ":" + x.getSeconds();
document.getElementById('ct').innerHTML = x1;
display_c();
}
سپس در کدهای قالب تگ <body> را پیدا کرده و آن را به این صورت تغییر دهید:
<body onload="display_ct();">
سپس کد زیر را در مکانی از قالب که قصد دارید زمان و تاریخ در آنجا نمایش داده شود قرار دهید:
<span id='ct'></span>
پیش نمایش:
