Date-Time







This one uses JavaScript in an HTML Box



  
To get the date time, edit the html and insert:
 
<iframe src="http://free.timeanddate.com/clock/i211x1y1/n77/fn2/tcccc/bo2/tt0/ts1/ta1" frameborder="0" width="380" height="23"></iframe>

Visit timeanddate.com to get the code for your timezone and to select the format you want.

NOTE: In a Google Site URL that starts "https://" the  time will not appear until you click to "Load unsafe scripts". Try changing the http in the code to https before inserting it.

See also: More Clock Info







<div id="theTime"></div>
<script>
var clockID;
var yourTimeZoneFrom = -4.00; //Your time zone difference where you are at

var d = new Date();  
//get the timezone offset from local time in minutes
var tzDifference = yourTimeZoneFrom * 60 + d.getTimezoneOffset();
//convert the offset to milliseconds, add to targetTime, and make a new Date
var offset = tzDifference * 60 * 1000;

function UpdateClock() {
    var tDate = new Date(new Date().getTime()+offset);
    var in_hours = tDate.getHours()
    var in_minutes=tDate.getMinutes();
    var in_seconds= tDate.getSeconds();

    if(in_minutes < 10)
        in_minutes = '0'+in_minutes;
    if(in_seconds<10)   
        in_seconds = '0'+in_seconds;
    if(in_hours<10) 
        in_hours = '0'+in_hours;

   document.getElementById('theTime').innerHTML = "" 
                   + in_hours + ":" 
                   + in_minutes + ":" 
                   + in_seconds;

}
function StartClock() {
   clockID = setInterval(UpdateClock, 500);
}

function KillClock() {
  clearTimeout(clockID);
}
window.onload=function() {
  StartClock();
}
</script>

Subpages (1): More Clock Info