Jump to content

How can I make this clock ticking on my website??(without refreshing the page)

dabluesfreaks

By dabluesfreaks
in Javascript Help

Recommended Posts

kney Member

kney

Posted
Posted

Put this in your header

 

<script type="text/javascript">
<!--

function updateClock ( )
{
  var currentTime = new Date ( );

  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 = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;

  // Update the time display
  document.getElementById("clock").firstChild.nodeValue = currentTimeString;
}

// -->
</script>

 

In ur body you'll implement this

 

<body onload="updateClock(); setInterval('updateClock()', 1000 )">

dabluesfreaks Newbie

dabluesfreaks

Posted
  • Author
Posted

thank you kney for your quick reply..but i am wondering who can i get the specific date and time of the country (city) rather than system date and time...

 

is there any way to get specific date and time like in php

date_default_timezone_set('America/New_York');

kney Member

kney

Posted
Posted 
<script language="JavaScript">
// function to calculate local time
// in a different city
// given the city's UTC offset
function calcTime(city, offset) {

    // create Date object for current location
    d = new Date();
   
    // convert to msec
    // add local time zone offset
    // get UTC time in msec
    utc = d.getTime() + (d.getTimezoneOffset() * 60000);
   
    // create new Date object for different city
    // using supplied offset
    nd = new Date(utc + (3600000*offset));
   
    // return time as a string
    return nd.toLocaleString();
}

// get New York time
alert(calcTime('New York', '-5'));
</script>
}

// get Bombay time
alert(calcTime('Bombay', '+5.5'));

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.