यदि आप भी अपने web page पर Time और Date को Show करना चाहते है। तो आप को कुछ Coding करना होगा। जो कि बहुत ही आसान है जो आपको मैं बताने जा रहा हूँ।
तो चलिए Start करते है।
<!DOCTYPE html>
<html>
<head>
<title>clock</title>
</head>
<body>
<div id="c"></div>
<div id="d"></div>
<script >
setInterval(clock, 500);
function clock () {
var date = new Date();
var hrs = date.getHours(12);
var min = date.getMinutes(2558);
var sec = date.getSeconds();
var session ="AM";
var day = date.getDate();
var month = new Array("01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12");
var year = date.getFullYear();
var weekday = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday")
if(hrs > 12){
hrs = hrs - 12;
session = "PM";
}
if(hrs < 10){
hrs = "0" + hrs;
}
if(min < 10){
min = "0" + min;
}
if(sec < 10){
sec = "0" + sec;
}
if(day < 10){
day = "0" + day;
}
if(month < 10){
month = "0" + month;
}
document.getElementById('c').innerHTML = "Clock
"+ hrs + ':' + min + ':' + sec + " " +session;
document.getElementById('d').innerHTML="Date
" day +"-" + month[date.getMonth()] + "-" + year + " " + weekday[date.getDay()];
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>clock</title>
</head>
<body>
<div id="c"></div>
<div id="d"></div>
<script >
setInterval(clock, 500);
function clock () {
var date = new Date();
var hrs = date.getHours(12);
var min = date.getMinutes(2558);
var sec = date.getSeconds();
var session ="AM";
var day = date.getDate();
var month = new Array("01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12");
var year = date.getFullYear();
var weekday = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday")
if(hrs > 12){
hrs = hrs - 12;
session = "PM";
}
if(hrs < 10){
hrs = "0" + hrs;
}
if(min < 10){
min = "0" + min;
}
if(sec < 10){
sec = "0" + sec;
}
if(day < 10){
day = "0" + day;
}
if(month < 10){
month = "0" + month;
}
document.getElementById('c').innerHTML = "Clock
"+ hrs + ':' + min + ':' + sec + " " +session;
document.getElementById('d').innerHTML="Date
" day +"-" + month[date.getMonth()] + "-" + year + " " + weekday[date.getDay()];
}
</script>
</body>
</html>
Output