Show (Display) client machine DateTime in ASP.Net Label using JavaScript

Hi Mehram,

Refer below code.

HTML

<script>
    window.onload = function() {
        setInterval(function(){
            var dt = new Date();
            document.getElementById('lblTime').innerHTML = dt;
        }, 500);
    }
</script>
<span id="lblTime"></span>

Demo

 Sir, I have change litle bit to show only date & Time

The code is running but the month is showing 10th instead of 11th (Nov).

Rest is running.

    <script type="text/javascript">
        window.onload = function () {
            setInterval(function () {
                var currentTime = new Date();

                var currentDate = currentTime.getDate() + " - " + currentTime.getMonth() + " - " + currentTime.getFullYear();
                var currentHours = currentTime.getHours();
                var currentMinutes = currentTime.getMinutes();
                var currentSeconds = currentTime.getSeconds();

                // Pad the minutes and seconds with leading zeros, if required
                currentMinutes = (currentMinutes < 10 ? "0" : "") + currentMinutes;
                currentSeconds = (currentSeconds < 10 ? "0" : "") + currentSeconds;

                // Choose either "AM" or "PM" as appropriate
                var timeOfDay = (currentHours < 12) ? "AM" : "PM";

                // Convert the hours component to 12-hour format if needed
                currentHours = (currentHours > 12) ? currentHours - 12 : currentHours;

                // Convert an hours component of "0" to "12"
                currentHours = (currentHours == 0) ? 12 : currentHours;

                // Compose the string for display
                var currentTimeString = currentDate + " - " + currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;

                // Update the time display
                document.getElementById('lblTime').innerHTML = currentTimeString;
            }, 500);
        }
    </script>

Mehram says:

var currentDate = currentTime.getDate() + " - " + currentTime.getMonth() + " - " + currentTime.getFullYear();

replace with below.

var currentDate = currentTime.getDate() + " - " + (currentTime.getMonth() + 1) + " - " + currentTime.getFullYear();