var today = new Date();

function window_onload()
{
   writeDateAndFirstTime();
   window.setInterval("refreshTime()",1000);
 }

function writeDateAndFirstTime()
{
  todayString = today.toDateString();
  var dateArea = document.getElementById("datespan");
  if (dateArea.hasChildNodes() == false)
    { 
      var newDateTextNode = document.createTextNode(todayString + "  ");
      dateArea.appendChild(newDateTextNode); }
  else
    { var dateTextNode = dateArea.firstChild;
      dateTextNode.nodeValue = todayString + "  "; } 
   
  var hours = today.getHours();
  if (hours < 10)
    { hours =  "0" + hours; }
  var minutes = today.getMinutes();
  if (minutes < 10)
    { minutes =  "0" + minutes; }
  var seconds = today.getSeconds();
  if (seconds < 10)
    { seconds =  "0" + seconds; }

  timeString = hours + ":" + minutes + ":" + seconds;
  var timeArea = document.getElementById("timespan"); 
  if (timeArea.hasChildNodes() == false)
    { 
      var newTimeTextNode = document.createTextNode("  " + timeString);
      timeArea.appendChild(newTimeTextNode); }
  else
    { var timeTextNode = timeArea.firstChild;
      timeTextNode.nodeValue = "  " + timeString; }
 
}

function refreshTime()
{
  var dateObject = new Date();
  var timeString;
  var hours = dateObject.getHours();
  if (hours < 10)
    { hours =  "0" + hours; }
  var minutes = dateObject.getMinutes();
  if (minutes < 10)
    { minutes =  "0" + minutes; }
  var seconds = dateObject.getSeconds();
  if (seconds < 10)
    { seconds =  "0" + seconds; }
  timeString = hours + ":" + minutes + ":" + seconds; 
  var timeArea = document.getElementById("timespan");
  var timeTextNode = timeArea.firstChild;
  timeTextNode.nodeValue = "  " + timeString;
}