Gadget Help; change 24-hour clock into 12-hours

[SylkRode]

I downloaded the StarCraft II Clock from the Windows 7 Desktop Gadget gallery, only to find it's a 24-hour clock and has no settings. How would I change it - presumably by changing its java file - so that it is a 12-hour clock instead?

 

[pbcopter]

I do not know if it is possible. You might ask the creator.

However, I like the Preston Clock gadget myself. It can be set up in 12 or 24 hrs.

Windows Gadget: Presto's Sidebar Clock (Preston Hunt)

 

[SylkRode]

Point is, I quite like the look of that clock.

 

[pbcopter]

See the next post.

 

[pbcopter]

These are the required changes to get the clock to be 12 Hr instead of 24 HR.

A .gadget file is just a compressed file (.zip). It can be opened with 7Zip and when editing is done recompressed to a zip file again. Select all the files that were extracted, including the modified SC2Clock.html file, and then recreate the zip file. Then rename the .zip file to .gadget to install.
You can edit the SC2Clock.html with Notepad.

Original Clock code in file SC2Clock.html

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

  var currentHours = currentTime.getHours ( );
  var currentMinutes = currentTime.getMinutes ( );

  currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
  currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;

  var currentTimeString = currentHours + ":" + currentMinutes;

  document.getElementById("gadgetContent").firstChild.nodeValue = currentTimeString;
}

Modified Clock code in file SC2Clock.html
Changes/Additions to get 12HR clock are in bold type.

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

  var currentHours = currentTime.getHours ( );
  var currentMinutes = currentTime.getMinutes ( );
  [B]var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";[/B] 
 
 currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;   
  [B]currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
  currentHours = ( currentHours == 0 ) ? 12 : currentHours;[/B]



  var currentTimeString = currentHours + ":" + currentMinutes[B] + " " + timeOfDay[/B];
 
  document.getElementById("gadgetContent").firstChild.nodeValue = currentTimeString;
}