jQuery Display Current Time on Webpage using Asp.net

By: Suresh Dasari Oct 14, 2012

Introduction:

Here I will explain how to show or display current time on webpage or website in jQuery.

Description:

In previous articles I explained Get Current Datetime, Auto refresh page , Expand textbox on focus ,Disable right click on image and many articles relating to JQuery. Now I will explain how to show or display current time on webpage using jQuery.

To display current time on website or webpage using jQuery we need to write the following code

<title>jQuery display current time on webpage</title>

</script>

$(document).ready(function() {

ShowTime();

});

function ShowTime() {

var dt = new Date();

document.getElementById("lblTime").innerHTML = dt.toLocaleTimeString();

window.setTimeout("ShowTime()", 1000); // Here 1000(milliseconds) means one 1 Sec

}

</script>

</head>

<body >

<div>

jQuery Display time second by second.

</div>

</form>

</body>

</html>

Live Demo

jQuery Display time second by second. 6:40:40 PM

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

dbTechnical said... 1: how to lazy load use to Datalist for Image
asp.net C#..
please ans....; November 1, 2012 at 6:40 AM
Unknown said... 2: how to show it in a masterpage; January 28, 2013 at 2:04 AM
Anonymous said... 3: nyc.....; February 4, 2013 at 2:04 AM
Anonymous said... 4: how to show it in a masterpage ?; May 6, 2013 at 2:02 AM
Anonymous said... 5: good; January 4, 2014 at 6:35 AM
Sabyasachi Mishra said... 6: Good Article ,
But how can I show a clock(i.e watch) on the page; March 9, 2014 at 10:57 PM
Anonymous said... 7: Thank you.It's working fine.; February 7, 2015 at 12:56 AM