Request - Convert 24HR script to 12HR

[Krafty]

I'm trying a new lockscreen, but the time on it is in 24HR format. This looks like the JavaScript file for it. Could anyone convert it to 12HR, please?

http://cl.ly/65204df146c84d06cbc1

function init ( )
{
  timeDisplay = document.createTextNode ( "" );
  document.getElementById("hours").appendChild ( timeDisplay );
  document.getElementById("minutes").appendChild ( timeDisplay );
  document.getElementById("seconds").appendChild ( timeDisplay );
}

function updateClock ( )
{
  var currentTime = new Date ( );
  var currentHours = currentTime.getHours ( );
  var currentMinutes = currentTime.getMinutes ( );
  var currentSeconds = currentTime.getSeconds ( );

  currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
  currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
  currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
  
  document.getElementById("hours").firstChild.nodeValue = currentHours;
  document.getElementById("minutes").firstChild.nodeValue = currentMinutes;
  document.getElementById("seconds").firstChild.nodeValue = currentSeconds;
}

 

[seanwebb68]

I'm not the best with js but try this it might work.

function init ( )
{
timeDisplay = document.createTextNode ( "" );
document.getElementById("hours").appendChild ( timeDisplay );
document.getElementById("minutes").appendChild ( timeDisplay );
document.getElementById("seconds").appendChild ( timeDisplay );
}

function updateClock ( )
{
var currentTime = new Date ( );
var currentHours = currentTime.getHours ( );
var currentMinutes = currentTime.getMinutes ( );
var currentSeconds = currentTime.getSeconds ( );
var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";

currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
currentHours = ( currentHours == 0 ) ? 12 : currentHours;
currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

document.getElementById("hours").firstChild.nodeValue = currentHours;
document.getElementById("minutes").firstChild.nodeValue = currentMinutes;
document.getElementById("seconds").firstChild.nodeValue = currentSeconds;
}

 

[Krafty]

Perfect! Thanks!

 

[Krafty]

One more request, can you make it display hours like 05:00 instead of 5:00?

 

[seanwebb68]

Try this

function init ( )
{
timeDisplay = document.createTextNode ( "" );
document.getElementById("hours").appendChild ( timeDisplay );
document.getElementById("minutes").appendChild ( timeDisplay );
document.getElementById("seconds").appendChild ( timeDisplay );
}

function updateClock ( )
{
var currentTime = new Date ( );
var currentHours = currentTime.getHours ( );
var currentMinutes = currentTime.getMinutes ( );
var currentSeconds = currentTime.getSeconds ( );
var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";

currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
currentHours = ( currentHours == 0 ) ? 12 : currentHours;
currentMinutes = ( currentMinutes < 10 ? \"0\" : \"\" ) + currentMinutes;
currentSeconds = ( currentSeconds < 10 ? \"0\" : \"\" ) + currentSeconds;

document.getElementById("hours").firstChild.nodeValue = currentHours;
document.getElementById("minutes").firstChild.nodeValue = currentMinutes;
document.getElementById("seconds").firstChild.nodeValue = currentSeconds;
}

 

[Krafty]

Tried that and the clock doesnt show up now.

 

[seanwebb68]

what about this..... if not i'm not sure i'm guessing now so someone else might be able to help if this doesn't work or i'll have to check it out tomorrow

function init ( )
{
timeDisplay = document.createTextNode ( "" );
document.getElementById("hours").appendChild ( timeDisplay );
document.getElementById("minutes").appendChild ( timeDisplay );
document.getElementById("seconds").appendChild ( timeDisplay );
}

function updateClock ( )
{
var currentTime = new Date ( );
var currentHours = currentTime.getHours ( );
var currentMinutes = currentTime.getMinutes ( );
var currentSeconds = currentTime.getSeconds ( );
var timeOfDay = ( currentHours < 12 ) ? \"AM\" : \"PM\";
var currentTimeString = currentHours + \":\" + currentMinutes + \":\" + currentSeconds + \" \" + timeOfDay;

currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
currentHours = ( currentHours == 0 ) ? 12 : currentHours;
currentMinutes = ( currentMinutes < 10 ? \"0\" : \"\" ) + currentMinutes;
currentSeconds = ( currentSeconds < 10 ? \"0\" : \"\" ) + currentSeconds;


document.getElementById("hours").firstChild.nodeValue = currentHours;
document.getElementById("minutes").firstChild.nodeValue = currentMinutes;
document.getElementById("seconds").firstChild.nodeValue = currentSeconds;
}

 

[Krafty]

Yeah, clock still isnt show up :-/

Thanks for your help!

 

[seanwebb68]

if you send me the lock screen theme i'll have a play and see if i can work it out for you if you like

 

[seanwebb68]

what about this...

function init ( )
{
timeDisplay = document.createTextNode ( "" );
document.getElementById("hours").appendChild ( timeDisplay );
document.getElementById("minutes").appendChild ( timeDisplay );
document.getElementById("seconds").appendChild ( timeDisplay );
}

function updateClock ( )
{
var currentTime = new Date ( );
var currentHours = currentTime.getHours ( );
var currentMinutes = currentTime.getMinutes ( );
var currentSeconds = currentTime.getSeconds ( );

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

var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";

currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
currentHours = ( currentHours == 0 ) ? 12 : currentHours;

var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;

document.getElementById("hours").firstChild.nodeValue = currentHours;
document.getElementById("minutes").firstChild.nodeValue = currentMinutes;
document.getElementById("seconds").firstChild.nodeValue = currentSeconds;
}

 

[Krafty]

Well, I decided to use Lock MS. But if you still want the theme I can upload it for you. Thanks for all your effort though.

 

[seanwebb68]

yeah why not then i can work out what i was doing wrong

 

[Krafty]

yeah why not then i can work out what i was doing wrong

http://cl.ly/d70fd88e1d7febbac5e6

Creator: http://macthemes.net/forum/viewtopic.php?id=16805629

I'm not sure if they already got it, I know he said he planned on working on adding "AM/PM"