Show Date and Time withOut Post Back

This Blog is for show current date and time with out post back.

This Blog is for show current date and time with out post back.

Code for .aspx page in body section

<label id="Date"></label> | <label id="hours"></label><span style="text-decoration:blink">:</span><label id="min"></label><label id="point1" style="text-decoration:blink">:</label><label id="sec"></label> <label id="ampm"></label>[Login Time:<asp:Label ID="lbl_time" runat="server" Text=""></asp:Label>

Java script fuction for show date and time

$(document).ready(function () {
// Create two variable with the names of the months and days in an array
var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var dayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]

// Create a newDate() object
var newDate = new Date();
// Extract the current date from Date object
newDate.setDate(newDate.getDate());
// Output the day, date, month and year
$('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());

setInterval(function () {
// Create a newDate() object and extract the seconds of the current time on the visitor's
var seconds = new Date().getSeconds();
// Add a leading zero to seconds value
$("#sec").html((seconds < 10 ? "0" : "") + seconds);
}, 1000);

setInterval(function () {
// Create a newDate() object and extract the minutes of the current time on the visitor's
var minutes = new Date().getMinutes();
// Add a leading zero to the minutes value
$("#min").html((minutes < 10 ? "0" : "") + minutes);
}, 1000);

setInterval(function () {
// Create a newDate() object and extract the hours of the current time on the visitor's
var hours = new Date().getHours() == 0 ? "12" : new Date().getHours() > 12 ? new Date().getHours() - 12 : new Date().getHours();

// Add a leading zero to the hours value
$("#hours").html((hours < 10 ? "0" : "") + hours);
}, 1000);
setInterval(function () {
var ampm = new Date().getHours() < 12 ? "AM" : "PM";
$("#ampm").html(ampm);
}, 1000);
});

Save above java script name as ClockPlugin.js

Than call it on head section...

<script src="ClockPlugin.js" type="text/javascript"></script>

Now run this u can see date and time like a timer.

Enjoy.