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

Code for .aspx page in body section

  1. <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
  1. $(document).ready(function () {
  2. // Create two variable with the names of the months and days in an array
  3. var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  4. var dayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
  6. // Create a newDate() object
  7. var newDate = new Date();
  8. // Extract the current date from Date object
  9. newDate.setDate(newDate.getDate());
  10. // Output the day, date, month and year
  11. $('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());
  13. setInterval(function () {
  14. // Create a newDate() object and extract the seconds of the current time on the visitor's
  15. var seconds = new Date().getSeconds();
  16. // Add a leading zero to seconds value
  17. $("#sec").html((seconds < 10 ? "0" : "") + seconds);
  18. }, 1000);
  20. setInterval(function () {
  21. // Create a newDate() object and extract the minutes of the current time on the visitor's
  22. var minutes = new Date().getMinutes();
  23. // Add a leading zero to the minutes value
  24. $("#min").html((minutes < 10 ? "0" : "") + minutes);
  25. }, 1000);
  27. setInterval(function () {
  28. // Create a newDate() object and extract the hours of the current time on the visitor's
  29. var hours = new Date().getHours() == 0 ? "12" : new Date().getHours() > 12 ? new Date().getHours() - 12 : new Date().getHours();
  31. // Add a leading zero to the hours value
  32. $("#hours").html((hours < 10 ? "0" : "") + hours);
  33. }, 1000);
  34. setInterval(function () {
  35. var ampm = new Date().getHours() < 12 ? "AM" : "PM";
  36. $("#ampm").html(ampm);
  37. }, 1000);
  38. });
Save above java script name as ClockPlugin.js

Than call it on head section...
  1. <script src="ClockPlugin.js" type="text/javascript"></script>
Now run this u can see date and time like a timer.

Enjoy.