Java-Scripts.net

Status Bar Date & Time

Information at a glance. This script places a live running clock with the current date into the browser's lower status area (or a simulated footer bar).

The information below mimics the browser status bar:

Initializing...

Copy the Script

<script>
function showStatus() {
    var now = new Date();
    var str = now.toString(); // e.g. "Mon Jan 01 2025 12:00:00 GMT..."
    
    // Legacy Status Bar
    window.status = str;
    
    // Modern Footer Bar
    var el = document.getElementById("statusFooter");
    if (el) el.innerText = str;
    
    setTimeout("showStatus()", 1000);
}
showStatus();
</script>

<div id="statusFooter" style="position:fixed; bottom:0; width:100%; background:#333; color:#fff; font-size:11px; padding:3px;"></div>

Frequently Asked Questions

Mobile browsers don't have a visible status bar at all. The fallback 'sticky footer' div included in this script will work perfectly on mobile devices.

Yes. The script uses the `toString()` method by default, but you can change it to `toDateString()` (no time) or `toLocaleString()` (locale-specific format) easily.

Not at all. It updates once per second using a single timer, which has negligible impact on performance.