AspnetO

We code, that works!

  • Home
  • Asp.net
  • MVC
  • Interview Questions

Display Computer Current Local Time in JavaScript

By: Mayank Modi | Folls In: Asp.net | Last Updated: Sep 29, 2014

In my previous tutorials, I’d explained display your computer local time on webpage using jQuery, how to show alert message from code-behind, how to call javascript function from code-behind and more cracking tutorials on Asp.net, JavaScript and jQuery here.

Now here in this tutorial, I’ll explain how you can show or display computer current local time in javascript without page refresh in your web page of your asp.net website with example demo code.

We can display a clock which will be showing the local time of the client’s computer by using JavaScript.

Note: This time displayed is taken from user computer and not from the server.

Display Computer Current Local Time in JavaScript

Following is the JavaScript function to show current time on webpage like clock:

<script type="text/javascript">
       function DisplayCurrentTime() {
               var dt = new Date();
               var refresh = 1000; //Refresh rate 1000 milli sec means 1 sec
               var cDate = (dt.getMonth() + 1) + "/" + dt.getDate() + "/" + dt.getFullYear();
               document.getElementById('cTime').innerHTML = cDate + " – " + dt.toLocaleTimeString();
               window.setTimeout('DisplayCurrentTime()', refresh);
       }
</script>

And here is the complete HTML Markup code that I used to display computer current local time in javascript for my .aspx page:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
       <title>Show/Display Local Computer's Current time in webpage using
               JavaScript </title>
       <script type="text/javascript">
               function DisplayCurrentTime() {
                       var dt = new Date();
                       var refresh = 1000; //Refresh rate 1000 milli sec means 1 sec
                       var cDate = (dt.getMonth() + 1) + "/" + dt.getDate() + "/" + dt.getFullYear();
                       document.getElementById('cTime').innerHTML = cDate + " – " + dt.toLocaleTimeString();
                       window.setTimeout('DisplayCurrentTime()', refresh);
               }
       </script>
</head>
<body onload="DisplayCurrentTime();">
       <form id="form1" runat="server">
       <h4>
               Show/Display Local Computer's Current time in webpage using JavaScript</h4>
       <div>
               <asp:Label ID="cTime" runat="server" ClientIDMode="Static" BackColor="#ffff00"
               Font-Bold="true" />
       </div>
       </form>
</body>
</html>

As you can see from above sample code, I called DisplayCurrentTime() method on onload event of body tag that loads the current local system time, set the interval for every one seconds and refresh current time without page refresh to display on the webpage. Following is the live demo of the above example code.

Live Demo

Signup Today And Get Latest Tutorials For Free!

Subscribe to us and get free latest tutorials notifications whenever we publish a new contents.

About Mayank Modi

Mayank is a web developer and designer who specializes in back-end as well as front-end development. He's a Founder & Chief Editor of AspnetO. If you'd like to connect with him, follow him on Twitter as @immayankmodi.

Share Your Comments & Feedback Cancel reply

Note: To post any code in comment, use <pre>your code</pre>

Social Connections

  • 0 Fans
  • 3,222 Followers
  • 21 Followers
  • 52 Followers
  • 1,559 Subscribers

Top Posts

  • CSS3 Transition: fadeIn and fadeOut like Effects to Hide Show Elements
  • Top 10 OOPS Concepts In C# .NET With Examples
  • Parser Error While Deploying Website to Server in Asp.net
  • Asp.net TextBox: How to Get Set TextBox Value or Text in jQuery
  • How to Print Asp.net GridView Data on Button Click using Javascript?

Find by Tags

Ado.net Ajax appSettings Asp.net C# CheckBox CheckBoxList ConnectionStrings Control CSS CSS3 Difference Download DropDownList Export Facebook fadeIn fadeOut fadeTo fadeToggle File File Extension FileUpload Function GridView IIS Interview Questions JavaScript jQuery MVC OOP RadioButtonList RDP Repeater Send Mail Solutions Split SQL Stored Procedure TextBox Upload Validation VB Web.config Web Hosting

The Man Behind AspnetO

Mayank Modi

Hi there,

Myself Mayank Modi, a Full Stack Developer (.NET Stack) and a blogger from Surat, India.

I'm welcoming you to my blog - AspnetO, a programmers community blog where we code, that works!

I started AspnetO as a hobby and now we're growing day by day. We're now having 5000+ programmers that get benefits and learn new things about website design and development under our community blog.

Here at AspnetO, I write about Beginners to Advance level of tutorials on programming languages like Asp.net using C# and Vb.net, MVC, SQL Server, JavaScript, jQuery etc. In sort, all about .NET Framework and website development stuff and sometimes sharing tips and tricks that can help you to grow up your programming skills.

You can get more details about me and my blog at About us page.

Subscribe To Newsletter

Enter your email address to subscribe to this blog and receive notifications of new posts right to your inbox

Join 1000+ other subscribers

Hot on AspnetO

Icon
Gridview Insert Update Delete Example in Asp.net, C#, Vb.net 7245 downloads 39.76 KB
Download This Example
Icon
Gridview Insert Update Delete Example in Asp.net, C#, Vb.net 6211 downloads 39.76 KB
Download This Example
Icon
Gridview Insert Update Delete Example in Asp.net, C#, Vb.net 6207 downloads 39.76 KB
Download This Example
Icon
Export gridview all rows or selected rows to word, excel, text, pdf examples 3056 downloads 1.01 MB
Download This Example
Icon
Export gridview all rows or selected rows to word, excel, text, pdf examples 2993 downloads 1.01 MB
Download This Example

Copyright © 2014 - 2019 · All Rights Reserved.replica cartier watches

About | Copyrights | Privacy | Terms | Contact | Advertise | Sitemap
Previous Send GridView Selected Rows in Mail Body in Asp.net
Next Display Computer Current Local Time in jQuery